Cobalt Lagoon color palette — #F8F0EB · #B3CFC0 · #3F81B7 · #005C56 · #121E41

Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Cream (#F8F0EB): bright and airy, almost weightless.
• Oat (#B3CFC0): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#3F81B7): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005C56): A full-bodied, dusty teal — the color of glacier melt.
• Midnight (#121E41): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Worn Harbor color palette (#F4F6EE, #ACCEBC, #0083B2, #005E6B, #143E5A)
• Muted Studio color palette (#F1E7E1, #A2BBA0, #00788B, #004E2A, #001826)
• Softworn Petrol color palette (#F7F1EB, #C8E3DB, #788CBF, #006B78, #411F32)
• Dusty Turquoise color palette (#EDF8F7, #D8DDE9, #5EB1DA, #007D8C, #00324D)
• Patina Lagoon Workshop color palette (#F2E7E1, #48989A, #005264, #002D1B, #00050B)
• Tempered Denim color palette (#E5DCD6, #73A3C0, #1D56A2, #00393B, #08002F)
• Sunlit Summit color palette (#FFE7E2, #B75A6E, #2C823C, #006968, #2B020E)
• Soft Mulberry Study color palette (#FFE1E1, #C272A7, #008F83, #901372, #00221E)

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