Cobalt Lagoon color palette — #ECF4F1 · #DBD1CD · #CBB5AE · #4679A8 · #232F2C

A conversation between Slate and Stone, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Oat (#DBD1CD): a clean, paper-quiet neutral.
• Stone (#CBB5AE): A luminous, dusty orange — the color of toasted spice.
• Slate (#4679A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#232F2C): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Wandering Pewter color palette (#F8EFF2, #E1D3CD, #DCB5A9, #755BA0, #2F2026)
• Muted Harbor color palette (#F0F6FC, #DDD9E3, #C8BCC8, #6B94BA, #414951)
• Dusty Indigo color palette (#EDD9E6, #666AC1, #48252C, #200F1B, #020806)
• Ultramarine Villa color palette (#FAEDF7, #E3CDD4, #CB9E9E, #3446CB, #221520)
• Fern Drift color palette (#D4F3DB, #CBB4C5, #AA7D7F, #566824, #2D3A00)
• Navy Summit color palette (#E7E1E6, #AC9AA2, #956C8E, #003372, #090209)
• Muted Olive color palette (#FBF0E6, #C4B188, #5E813E, #6F4852, #30260F)
• Washed Coast color palette (#EFE6E9, #DCC5C4, #C19988, #6D3A8A, #211015)

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