Cobalt Ridge color palette — #D0E8FF · #008ADE · #886C00 · #005287 · #392C00
Azure and Ochre set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#D0E8FF): A whisper-light, dusty blue — the color of deep harbor water.
- Azure (#008ADE): A luminous, balanced blue — the color of open sky before noon.
- Ochre (#886C00): A full-bodied, balanced green — the color of fresh herbs.
- Peacock (#005287): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Espresso (#392C00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Optimism, Calm. Tagged cool.
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
- Azure Meadow color palette (#D2E7FE, #2497F9, #9B4400, #00508D, #4D1E00)
- Cornflower Lantern color palette (#EEE2EE, #2881FC, #926A00, #00479F, #1F1400)
- Hazy Boulevard color palette (#D3E7FF, #7CB1FF, #B68000, #0054BA, #3E2900)
- Feathered Grape color palette (#DDE3FF, #8C6BDF, #966500, #5E00BD, #402900)
- Dusty Alley color palette (#EFF6FF, #94B2DD, #A39B5A, #4673B4, #335644)
- Washed Lapis Quarry color palette (#E5EAFF, #5156F1, #875900, #544F00, #171958)
- Worn Scarlet color palette (#C5EBFF, #0094B0, #D10031, #00586A, #5C0010)
- Tempered Grove color palette (#EFECFF, #A87AAE, #738C23, #7F008E, #2E3B00)
Browse the whole catalog at Explore, or see today's palette.