Cobalt Ridge color palette — #C7E1FC · #0083D8 · #00803F · #004B80 · #003315
A conversation between Azure and Olive, giving this palette its sense of nature and growth.
The five colors
- Powder Blue (#C7E1FC): A whisper-light, dusty blue — the color of deep harbor water.
- Azure (#0083D8): A full-bodied, balanced blue — the color of open sky before noon.
- Olive (#00803F): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#004B80): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#003315): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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
- Weathered Quarry color palette (#C3E4F5, #008DA7, #627300, #005262, #252D00)
- Gentle Indigo Balcony color palette (#D1DEFD, #6E69EA, #007B6F, #3E3797, #00312B)
- Misty Cobalt Archive color palette (#E1EFFF, #2182D9, #906000, #004781, #1C0F00)
- Softworn Basin color palette (#EBDDFF, #A943FF, #007F8B, #6B00AD, #00353B)
- Antique Sapphire color palette (#DFE8F5, #0062E0, #89358F, #005958, #0A1E3E)
- Amethyst Ridge color palette (#C5E4F0, #008F9B, #8046BF, #00535B, #331751)
- Magenta Boulevard color palette (#F7F3FF, #E549C6, #0087C6, #952480, #003F5F)
- Timeworn Periwinkle color palette (#EED4F1, #5FAEFF, #B57600, #005699, #3B2300)
Browse the whole catalog at Explore, or see today's palette.