Cobalt Lagoon color palette — #FBF2F7 · #D6D4A9 · #7576B0 · #614255 · #31282E

Slate takes the lead with Wheat close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Wheat (#D6D4A9): A whisper-light, dusty green — the color of a quiet forest floor.
• Slate (#7576B0): A full-bodied, balanced violet — the color of wild irises.
• Charcoal Brown (#614255): A full-bodied, dusty pink — the color of neon signs at night.
• Onyx (#31282E): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, 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

• Tempered Harbor color palette (#FFF1F1, #A6D39D, #985A82, #5A344D, #2C1D1E)
• Aged Driftwood Coast color palette (#F2F5FE, #E3FFD6, #8280AD, #3E455C, #181B25)
• Patina Studio color palette (#F2F5FE, #D8BD83, #615682, #34374A, #26222A)
• Ash Station color palette (#FCF2F5, #FFD1CB, #A795BE, #81636E, #33282C)
• Muted Villa color palette (#F9F3F7, #C7CDFF, #CE8B3C, #8085C7, #342C24)
• Patina Pier color palette (#FBF3F4, #E1D9D3, #B3B5A7, #AF8EB4, #585051)
• Dusty Taupe color palette (#F4F7E9, #C7B2EC, #C17C7F, #3B7B7C, #574144)
• Grape Hollow color palette (#FFF1F6, #73D298, #7D43C3, #46276D, #28131C)

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