Cobalt Lagoon color palette — #DDF5E9 · #4AB0CE · #6970B8 · #5C5800 · #0F334C
A conversation between Slate and Cyan, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#DDF5E9): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#4AB0CE): A luminous, balanced blue — the color of open sky before noon.
- Slate (#6970B8): A full-bodied, balanced violet — the color of wild irises.
- Olive (#5C5800): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Teal (#0F334C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged retro, cool.
Use it as a design system
One click turns Cobalt Lagoon 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
- Cobalt Courtyard color palette (#E3F4E3, #4DB5AC, #187DC2, #744C00, #00373F)
- Muted Olive color palette (#DEFDF8, #72BBE7, #8A7BB8, #566E00, #2B3E58)
- Timeworn Meadow color palette (#FFF4E0, #3AC6FB, #7971C4, #654D00, #2C1A2E)
- Airy Plum color palette (#E3F5FD, #00A9B7, #99519C, #654C00, #003522)
- Weathered Corridor color palette (#D9EDF4, #9BB6D1, #9A89B8, #446F5A, #2A5435)
- Hushed Courtyard color palette (#E9F9F5, #8DBFBF, #3B9186, #326B85, #113D3D)
- Periwinkle Balcony color palette (#FCF2F6, #BED8EC, #6098DD, #007C7D, #31365F)
- Feathered Nightshade color palette (#DFF3EE, #008DB3, #5046A8, #393B00, #00172C)
Browse the whole catalog at Explore, or see today's palette.