Ultramarine Lagoon color palette — #CFFAF1 · #00B6CF · #0081B5 · #002CE6 · #301B8C
Cobalt takes the lead with Indigo close behind in a set that reads as trust and stability at first glance.
The five colors
- Honeydew (#CFFAF1): A whisper-light, dusty teal — the color of shallow lagoons.
- Cyan (#00B6CF): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#0081B5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Cobalt (#002CE6): A full-bodied, vivid violet — the color of wild irises.
- Indigo (#301B8C): A deep, shadowed, vivid violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, cool.
Use it as a design system
One click turns Ultramarine 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
- Quiet Pier color palette (#D6F1F3, #0CB0F0, #0081D9, #4300E2, #450F70)
- Ultramarine Terrace color palette (#C3FFF5, #00C6E3, #0089C4, #2341C4, #24045A)
- Softworn Navy Workshop color palette (#DCEFE8, #00B4AF, #00889F, #005F94, #1C277F)
- Worn Drift color palette (#E6EFFF, #8AB2FF, #2069FA, #002EC3, #001A34)
- Grape Hollow color palette (#C3ECFA, #54BBFF, #557BFF, #6B26D7, #552767)
- Feathered Aubergine Meadow color palette (#CFECF2, #0079A1, #004592, #270077, #130023)
- Aubergine Pier color palette (#D2EBF8, #4A9BE7, #5F5EE5, #6B09A7, #411143)
- Tempered Ember color palette (#D3E7FF, #7AB1FF, #D96500, #0055B5, #4C1F00)
Browse the whole catalog at Explore, or see today's palette.