Pale Sapphire color palette — #DCF6E3 · #BC9824 · #3C64C0 · #6B5300 · #21345D

Royal Blue takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#DCF6E3): A whisper-light, dusty teal — the color of sea glass.
• Mustard (#BC9824): A luminous, balanced green — the color of a quiet forest floor.
• Royal Blue (#3C64C0): A full-bodied, balanced violet — the color of twilight just after sunset.
• Coffee (#6B5300): A full-bodied, balanced gold — the color of old brass.
• Navy (#21345D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Pale Sapphire into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Softworn Cobalt color palette (#DAF0DF, #AC8D39, #6676BE, #6A5100, #101446)
• Linen Moss color palette (#D4F8EC, #8DAB24, #7C51AF, #4D5F00, #3C2C51)
• Amber Delta color palette (#FFE7F1, #CE7319, #0083B3, #824400, #003B52)
• Iris Ridge color palette (#E5FBF1, #A1A649, #8C7ACE, #686B00, #394062)
• Iris Station color palette (#FCECD5, #E1B147, #7C77D4, #916B00, #312F5B)
• Tempered Mulberry Boulevard color palette (#C6F1D7, #8E7900, #007990, #853B74, #183223)
• Frosted Ultramarine Study color palette (#DDF5E7, #7B6E00, #413DCB, #413A00, #110E4A)
• Ancient Lilac Study color palette (#E6FAF7, #8AC08B, #B684BB, #527F54, #4E4961)

Browse the whole catalog at Explore, or see today's palette.