Cobalt Lagoon color palette — #F8F6E4 · #9FD8AA · #53BA9D · #3588C4 · #3C3E37

Cerulean and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F8F6E4): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#9FD8AA): A whisper-light, balanced teal — the color of sea glass.
• Jade (#53BA9D): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#3588C4): A luminous, balanced blue — the color of open sky before noon.
• Charcoal (#3C3E37): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, muted.

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 Cabin color palette (#F2F8E8, #8AD0A7, #32B2C5, #577BC2, #353D00)
• Dusty Lagoon color palette (#FCF5E0, #CFCB8B, #96AF72, #009498, #3F3D36)
• Dusty Bloom color palette (#FFF2E9, #A8BA7A, #249A87, #8A4B72, #3D3E37)
• Airy Grape color palette (#DBE2C6, #00BEDE, #0092D0, #7F47A8, #002935)
• Azure Terrace color palette (#F4F6EF, #BFE7ED, #93C1F9, #3DA4D3, #5A3C57)
• Chalky Sapphire Study color palette (#D5EFBC, #00CF9F, #00A39E, #135CEC, #003128)
• Antique Violet Loft color palette (#F2FAD8, #04D9EC, #00ACE0, #9050E2, #003D48)
• Tempered Ash color palette (#E3F5DC, #BBDBD3, #A4C3B1, #AD889F, #634853)

Browse the whole catalog at Explore, or see today's palette.