Dusty Sapphire color palette — #E0F7F7 · #7CC2FF · #0070D5 · #004D6A · #011446

Royal Blue takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#E0F7F7): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#7CC2FF): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#0070D5): A full-bodied, vivid blue — the color of open sky before noon.
• Peacock (#004D6A): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#011446): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, 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

• Ancient Workshop color palette (#E0ECEB, #7EBDDB, #1373A3, #004957, #00172C)
• Frosted Station color palette (#FFF4E2, #86BEED, #316AC8, #005366, #232673)
• Weathered Courtyard color palette (#E3F7F4, #82DFF9, #0090B8, #006168, #00293C)
• Dusty Delta color palette (#FFF1F5, #99D2FF, #647EFF, #007273, #3C2162)
• Cerulean Villa color palette (#D9ECE8, #008896, #004350, #001F1F, #000202)
• Teal Alley color palette (#D6EDE8, #56ADA9, #006569, #003A31, #000E10)
• Olive Cabin color palette (#E2EEDF, #2E8800, #00727C, #704800, #021300)
• Worn Seafoam color palette (#D4FFD6, #45F9AB, #00C7A8, #497725, #00270F)

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