Cerulean Lagoon color palette — #F5F1EB · #AED1BD · #3B84AB · #005B5B · #01223E

A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Pistachio (#AED1BD): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#3B84AB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005B5B): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#01223E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Cerulean 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

• Muted Cobalt color palette (#FBF2F8, #96CFE1, #357DB9, #00624C, #2D3A57)
• Softworn Archive color palette (#EEE8DF, #8EBFB2, #3F68B5, #00485B, #0F0941)
• Washed Cerulean Veranda color palette (#F6F1EA, #C6E4DA, #698FC3, #006A7D, #3C2137)
• Softworn Lagoon color palette (#ECE3D5, #479996, #00535C, #002D1F, #000508)
• Bronze Garden color palette (#F7D4E6, #7B6FB9, #AD4F00, #006B53, #150C2E)
• Ancient Atelier color palette (#F2ECE3, #70A4BE, #005C94, #00393E, #000823)
• Muted Chapel color palette (#FFECF5, #FACBE6, #D49BB6, #4861AB, #371825)
• Worn Aubergine color palette (#CFE4FB, #779ADD, #4E54BB, #4A2197, #27103F)

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