Cobalt Ridge color palette — #F6F1E9 · #9ACEF8 · #4C7CC3 · #00596B · #171D3D
Azure and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F6F1E9): bright and airy, almost weightless.
- Sky (#9ACEF8): A whisper-light, balanced blue — the color of a favorite pair of jeans.
- Azure (#4C7CC3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00596B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Midnight (#171D3D): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, 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
- Weathered Cobalt color palette (#FDF2F5, #A6C9E8, #5676BA, #005E67, #373460)
- Hushed Basin color palette (#F6F1EA, #93D4E0, #0D88AD, #005C55, #00281E)
- Tempered Courtyard color palette (#EBF8F8, #BBD8F3, #6199D7, #0C769C, #263B59)
- Antique Boulevard color palette (#EEE6D9, #129AB4, #00506D, #002C2A, #00050D)
- Antique Ash color palette (#F6F1EA, #BEECEF, #819FC2, #53745E, #412F3E)
- Muted Navy Ridge color palette (#F7EAD7, #507CA8, #0A2E90, #001E28, #01000B)
- Feathered Crimson Parlor color palette (#FADAD2, #D43A59, #468006, #345D8E, #230C06)
- Muted Rose color palette (#FFE1DB, #E9557D, #008E8C, #8E2C48, #002221)
Browse the whole catalog at Explore, or see today's palette.