Cobalt Ridge color palette — #FFF1F7 · #A9D5F1 · #5C7CC8 · #006762 · #433569
Built around Azure, softened by Royal Purple — the whole palette hums with trust and stability.
The five colors
- Ivory (#FFF1F7): a clean, paper-quiet neutral.
- Powder Blue (#A9D5F1): A whisper-light, dusty blue — the color of deep harbor water.
- Azure (#5C7CC8): A full-bodied, balanced violet — the color of a velvet chair.
- Pine (#006762): A full-bodied, balanced teal — the color of sea glass.
- Royal Purple (#433569): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cobalt 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
- Patina Cerulean color palette (#FCF1FA, #95DCE3, #008BBA, #006B3C, #213F6F)
- Washed Cobalt color palette (#F7F1E8, #A3D7F9, #2E85DC, #00606E, #112051)
- Patina Sapphire color palette (#FFF1F6, #79C0F5, #485FD7, #005655, #3D1F65)
- Weathered Lagoon color palette (#EEF8F0, #B5E2FF, #4C9FF6, #008092, #273B75)
- Washed Cypress color palette (#F9F3F9, #D2E2F2, #6DA2B6, #547958, #435467)
- Wandering Villa color palette (#CBF3EE, #00ADC8, #007CA8, #0045A5, #383775)
- Hushed Mallow color palette (#ECF7FF, #D5DEFF, #EC9DD8, #008B88, #32476C)
- Aged Cobalt Villa color palette (#D8EFFF, #0088C7, #976800, #605E00, #003450)
Browse the whole catalog at Explore, or see today's palette.