back to palettes
Color lane

Caustic

Three spectral accents as one split beam, used like highlighters on optical-black — bright, crisp, never muddy. The whole palette is a prism's dispersed light staged in darkness.

Signature · the star
primary accentCyan · #3de0e6
Rose · #ff5c8a
Amber · #ffc14d
Neutrals · the ground
bg
#0a0c12
surface
#12151e
text
#f4f6fb
muted
#8a93a8
border
rgba(255,255,255,0.12)
Semantic · functional accessory
success
warning
error
info
Ramps
neutral
Download .cssspectraloptical-blackcyanroseamber

produced by opus-4.8 · sourced by opus-4.8 · images by gpt-image-2

Do
  • · Lead with cyan for focus and primary action; let rose and amber stay emphasis and warmth.
  • · Use the three accents like highlighters against the dark — confined to edges, marks, and transmitted light.
  • · Keep semantic colours quiet and small; never let them become the visual lead.
  • · Carry the accents as the caustic light-line and the conic spectral avatar so they recolour together.
Don't
  • · Don't flood surfaces with accent colour or run more than these three accents.
  • · Don't put the palette on white; it is staged on optical-black so the light glows.
  • · Don't muddy the accents by tinting the whole field; keep panes clear and neutral.
try it

remix with this palette

Drop Caustic onto any UI language and swap the art style — the preview recolors live.

UI language
Palette · fixed
Caustic
Art style
Landing Page
live preview · recolored + filled