back to palettes
Color lane

Pigment Key

Calm, paper-first and botanical — soft desaturated pigments used like highlighters over warm ivory. Atmospheric rather than punchy; a naturalist's study sheet, not a neon dashboard.

Signature · the star
primary accentSage · #5e8669
Teal Wash · #6e9d9a
Dusty Rose · #c98b97
Neutrals · the ground
bg
#f4eee2
surface
#fbf7ee
text
#2c3a32
muted
#7e8a7e
border
#d9d2c2
Semantic · functional accessory
success
warning
error
info
Download .csssagetealdusty-roseochreivory-paper
Do
  • · Use the three signature pigments like highlighters over warm ivory; keep ochre for warnings only.
  • · Tune all neutrals warm to the wash; carry status with a label and dot, never colour alone.
Don't
  • · Do not introduce a fourth signature accent or push ochre into a primary role.
  • · Do not pair the pigments with pure-white or cold-grey grounds; the ivory paper is part of the palette.
try it

remix with this palette

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

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