Cobalt Lagoon color palette — #D6E1EC · #0090DC · #637E00 · #006348 · #000A0D
A conversation between Azure and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Silver (#D6E1EC): a clean, paper-quiet neutral.
- Azure (#0090DC): A luminous, balanced blue — the color of open sky before noon.
- Olive Leaf (#637E00): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#006348): A full-bodied, balanced teal — the color of sea glass.
- Ink (#000A0D): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.
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 Alley color palette (#E0EFFF, #0081DB, #487200, #004F3F, #000304)
- Sunlit Fern Coast color palette (#D4E6EF, #0095AD, #7F6A00, #275E00, #000907)
- Softworn Indigo color palette (#DAE2F6, #7C71E7, #008557, #005E64, #000715)
- Quiet Emerald color palette (#E9F1FF, #7095FF, #00A34C, #007973, #001D2C)
- Washed Delta color palette (#E3E3F6, #AF81DF, #009890, #006D8E, #050E29)
- Sunlit Lapis Terrace color palette (#DAE1F6, #6B50D2, #005D3F, #003C40, #000206)
- Gentle Ember Villa color palette (#FBE5F2, #DD4E00, #6D7500, #006D3B, #000708)
- Lagoon Market color palette (#EEF6FF, #84BBF5, #85AE66, #009278, #0D2D3B)
Browse the whole catalog at Explore, or see today's palette.