Lagoon Drift color palette — #F1E4E0 · #438584 · #004254 · #002106 · #000104

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

The five colors

• Parchment (#F1E4E0): bright and airy, almost weightless.
• Storm Blue (#438584): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Teal (#004254): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#002106): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Patina Lagoon color palette (#ECDED8, #159CA2, #00516B, #002E13, #000411)
• Tempered Navy color palette (#F4EBE3, #4580A1, #002999, #001F1D, #020008)
• Ultramarine Market color palette (#EDDFD3, #67A4CD, #314BB5, #003938, #0F0125)
• Nocturne Loft color palette (#D5EDD9, #00712A, #00371A, #161C22, #000C02)
• Worn Petrol Workshop color palette (#EAF2DF, #4D9F8E, #0076AB, #483100, #020300)
• Lowlit Meadow color palette (#F7EFDE, #585100, #1F3600, #001908, #000201)
• Petrol Corridor color palette (#F3E6E0, #96BFA5, #0070B1, #004D3A, #0D1135)
• Garnet Coast color palette (#E7E3CA, #445400, #690056, #1A2200, #040002)

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