Lagoon Garden color palette — #F7ECE6 · #488D8E · #004452 · #002414 · #000A15

Storm Blue and Deep Teal set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F7ECE6): a clean, paper-quiet neutral.
• Storm Blue (#488D8E): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Teal (#004452): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#002414): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000A15): 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

• Antique Teal color palette (#F0F1E2, #42A3A5, #00646D, #003C35, #000C0F)
• Softworn Navy Canyon color palette (#EFE4DB, #5187A9, #003685, #002224, #08002A)
• Ultramarine Study color palette (#F2E8E0, #68A6D0, #004BC3, #003D42, #1B1940)
• Bronze Veranda color palette (#F6F1D3, #826700, #392D00, #1F2B2A, #0E0A00)
• Lowlit Lagoon color palette (#E8E1D3, #624F00, #00445E, #291F00, #00070D)
• Aged Drift color palette (#E9DECF, #97A055, #007F5C, #611F00, #141000)
• Washed Petrol color palette (#F7ECE6, #76BED1, #006FA3, #005147, #142C57)
• Cerulean Pier color palette (#FFF2EC, #8DDDE9, #008BB7, #006952, #1B4268)

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