Dusty Sapphire color palette — #FCEFE5 · #87C4E7 · #3A6CD0 · #00524C · #1F004C

A conversation between Royal Blue and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Cream (#FCEFE5): a clean, paper-quiet neutral.
• Sky (#87C4E7): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#3A6CD0): A full-bodied, vivid violet — the color of a velvet chair.
• Forest (#00524C): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#1F004C): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Dusty 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

• Hushed Station color palette (#FFEEE6, #6CCCDA, #007AAE, #005436, #020D50)
• Misty Cobalt color palette (#FBF4EA, #7FC0E8, #006FC4, #005460, #152B70)
• Sunlit Cornflower Atelier color palette (#FFF1F7, #94D4FB, #4E84FF, #00736C, #391A72)
• Worn Denim color palette (#FAEBDD, #6DA2CC, #3F509D, #003939, #110026)
• Periwinkle Canyon color palette (#ECF9EF, #D6DFF3, #459EF6, #00707F, #071863)
• Byzantium Harbor color palette (#F0E9D4, #9D9B22, #8A2DB4, #514F00, #250035)
• Cerulean Quarry color palette (#F0DED7, #3F99A1, #00506E, #002E17, #000313)
• Hushed Lantern color palette (#F9EFED, #CCE4CA, #469AB4, #3E6A41, #0B342C)

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