Lagoon Study color palette — #F3EBDF · #498481 · #00444B · #002015 · #000202

Storm Blue and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F3EBDF): a clean, paper-quiet neutral.
• Storm Blue (#498481): A full-bodied, dusty teal — the color of sea glass.
• Deep Teal (#00444B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#002015): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000202): a grounded near-black with real depth.

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

Use it as a design system

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

• Navy Boulevard color palette (#EFE4D3, #457FA4, #003A74, #001E25, #00000C)
• Washed Market color palette (#E3F0E5, #689CA8, #00646E, #003D2B, #000B10)
• Worn Petrol Grove color palette (#EEE8DF, #99BEA5, #007699, #004C47, #00182A)
• Tempered Lagoon color palette (#E6EAC6, #3A9E75, #00797F, #343A00, #000201)
• Twilit Veranda color palette (#D2E6D3, #007236, #003312, #000D03, #000200)
• Worn Denim color palette (#EBE3D7, #73A3C0, #005A9D, #003840, #000034)
• Charred Aubergine color palette (#E9EADB, #2B5A00, #58007D, #0E2500, #030005)
• Cerulean Corridor color palette (#FAF0E2, #B5DBBB, #0092AD, #006454, #00293A)

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