Dusty Sapphire color palette — #FFF3E9 · #6CC3F1 · #006BD1 · #005557 · #27286C

Royal Blue and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Sky (#6CC3F1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#006BD1): A full-bodied, vivid blue — the color of open sky before noon.
• Peacock (#005557): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#27286C): 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

• Weathered Station color palette (#F8ECE5, #79BDD0, #006FA3, #005147, #1A2D4F)
• Washed Harbor color palette (#F3F8E6, #8BD5FF, #0094E1, #006F87, #003460)
• Gentle Ultramarine color palette (#EEE4DB, #67A6D1, #0049C8, #003D42, #1B1744)
• Ancient Periwinkle color palette (#ECF9EE, #AFE2FF, #5CB0FF, #0095A6, #0E2B74)
• Tempered Periwinkle color palette (#F9F4EF, #CAE7EB, #8098CF, #2C7B86, #624A57)
• Tempered Abyss color palette (#ECDCD5, #569CA2, #005268, #003122, #001528)
• Patina Balcony color palette (#FAF4F0, #CFE3CC, #009BB0, #3A6F4C, #2B5042)
• Feathered Summit color palette (#EBE6BE, #83A122, #671AEC, #445700, #2F1370)

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