Dusty Sapphire color palette — #FFF0F8 · #4DC7F3 · #056DCC · #00574A · #2D2A5F
Built around Royal Blue, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Sky (#4DC7F3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Royal Blue (#056DCC): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Forest (#00574A): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#2D2A5F): A deep, shadowed, balanced violet — the color of wild irises.
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
- Cobalt Drift color palette (#FBF2F7, #8BD1E7, #367DBA, #00624D, #2E3A56)
- Muted Canyon color palette (#F0F4E2, #73C8EA, #007BAA, #00505C, #001C30)
- Antique Field color palette (#FEE8F2, #64A8C9, #1352AC, #003F38, #1F1446)
- Muted Ash color palette (#FBF2F6, #D9DEF0, #839BBD, #4B7780, #4C5167)
- Hushed Periwinkle color palette (#FEF3EB, #A4E5FF, #56B1FF, #009891, #192972)
- Ancient Lagoon color palette (#F4E7F4, #30A2A0, #005267, #00330A, #00142B)
- Mallow Station color palette (#F2F5FF, #FFA7F7, #F17E76, #00729E, #452F50)
- Softworn Amethyst color palette (#ECE7FF, #8523FE, #5C6D00, #135C2D, #28174A)
Browse the whole catalog at Explore, or see today's palette.