Frosted Sapphire color palette — #F0DEE6 · #7DBADC · #0171E0 · #00595B · #171748

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

The five colors

• Shell Pink (#F0DEE6): A whisper-light, dusty rose — the color of strawberry cream.
• Sky (#7DBADC): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#0171E0): A full-bodied, vivid blue — the color of open sky before noon.
• Peacock (#00595B): A full-bodied, dusty teal — the color of glacier melt.
• Deep Indigo (#171748): 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 color palette (#F7E8F4, #6AC1CC, #0080A7, #005B46, #00203D)
• Powdered Ridge color palette (#FEF4E4, #94D5FB, #3E7EBC, #00505A, #010432)
• Antique Iris Terrace color palette (#E7DCD4, #86CAEE, #6591E1, #007E74, #211346)
• Worn Denim Station color palette (#EAEEDF, #62A7D0, #005C91, #003C4B, #001F40)
• Aged Cerulean Field color palette (#FCF1FA, #6ADEEE, #0099C9, #00755C, #003460)
• Feathered Wisteria color palette (#E3F0F9, #B5C4FF, #D17BDE, #007079, #0D233B)
• Patina Navy color palette (#C6E8E6, #0097AE, #007099, #003E79, #141A53)
• Timeworn Pier color palette (#E2EEFF, #3E97F0, #0067BA, #002F6E, #000715)

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