Sapphire Ridge color palette — #CCEEFF · #009CB9 · #0856EE · #60208C · #002D15

Built around Royal Blue, softened by Plum — the whole palette hums with nature and growth.

The five colors

• Frost (#CCEEFF): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#009CB9): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#0856EE): A full-bodied, vivid violet — the color of twilight just after sunset.
• Plum (#60208C): A deep, shadowed, vivid violet — the color of wild irises.
• Deep Forest (#002D15): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged vibrant, cool.

Use it as a design system

One click turns Sapphire Ridge 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 Aubergine Dune color palette (#CAEFFB, #009FA6, #006CB7, #5914A2, #002D0D)
• Washed Lapis Pier color palette (#D3ECFF, #0098D1, #6041EA, #790073, #002B25)
• Worn Cornflower Terrace color palette (#D2E3F7, #0987F0, #7646AD, #721A48, #002529)
• Gentle Indigo Station color palette (#EDF6FF, #13A3F9, #7A5FD3, #852D71, #003935)
• Pale Harbor color palette (#C5F0FE, #007E81, #5912B2, #640400, #1C2900)
• Aged Emerald Corridor color palette (#C8F5D7, #00A761, #007782, #004394, #262600)
• Tempered Summit color palette (#E9F3FF, #4195FF, #865CA6, #005F43, #00313D)
• Patina Indigo Cabin color palette (#E7EEFF, #6257F1, #890084, #650013, #001420)

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