Lagoon Garden color palette — #F7E4F0 · #229D9B · #005362 · #002E18 · #00050B

Built around Cerulean, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Blush (#F7E4F0): A whisper-light, dusty pink — the color of neon signs at night.
• Cerulean (#229D9B): A luminous, balanced teal — the color of glacier melt.
• Peacock (#005362): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#002E18): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#00050B): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Lagoon Garden 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

• Washed Turquoise Summit color palette (#FAE9F6, #17AFC5, #006084, #003A2F, #000A1E)
• Muted Cerulean color palette (#EEE1E8, #0084AA, #003D6B, #001F1E, #00000C)
• Worn Quarry color palette (#EFF0DA, #5CCBC9, #00757D, #003F36, #000304)
• Ancient Terrace color palette (#C0E6F2, #00A2E6, #5E69CE, #004227, #00070A)
• Petrol Summit color palette (#FCECF8, #5ECEDA, #007DA1, #00543F, #001B34)
• Garnet Pier color palette (#C9F3F0, #006967, #8B0C00, #003130, #0A0000)
• Sapphire Lagoon color palette (#E2EDE1, #8CB8E3, #4D63BA, #004A55, #170E30)
• Wandering Cerulean Market color palette (#FAEEF5, #ACE7FB, #5A94C0, #276B63, #1D2C44)

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