Frosted Sapphire color palette — #FDEDF3 · #7DC3F7 · #426DC8 · #005058 · #1A0050

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

The five colors

• Blush (#FDEDF3): a clean, paper-quiet neutral.
• Sky (#7DC3F7): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#426DC8): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#005058): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#1A0050): 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 Frosted 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

• Tempered Petrol Corridor color palette (#FDECF8, #62CCE3, #007BAC, #005346, #00183E)
• Cobalt Market color palette (#E6FAF9, #8DBEE5, #006FC4, #00526D, #002E71)
• Linen Cornflower Grove color palette (#FFF3E7, #9FD1F8, #4D84FD, #00717B, #302171)
• Nightshade Pier color palette (#D9E1D8, #7AA1C4, #344EAC, #003840, #0D002A)
• Cerulean Boulevard color palette (#F6EFF4, #C5E2EB, #5099AF, #326B51, #102E46)
• Misty Amber color palette (#FFD9E5, #BA7400, #0079B3, #6C4100, #001828)
• Weathered Denim color palette (#F2E5EE, #4897A4, #00506D, #002D23, #00040F)
• Nightshade Atelier color palette (#F0DAC5, #A16000, #006B9F, #2B3BC0, #190A00)

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