Lagoon Drift color palette — #EEF7F8 · #D5DBE2 · #B2A9AF · #5D8B8D · #485656

Storm Blue and Charcoal Brown set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EEF7F8): bright and airy, almost weightless.
• Silver (#D5DBE2): a clean, paper-quiet neutral.
• Ash (#B2A9AF): soft and architectural.
• Storm Blue (#5D8B8D): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#485656): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Ancient Ash Hollow color palette (#F3F6F0, #D2DEDB, #A7BAC5, #73A8BD, #51544C)
• Washed Lagoon color palette (#F0F3ED, #D1D8D6, #A4B0B3, #4A927D, #343830)
• Worn Lagoon Courtyard color palette (#FEF1F7, #AFC8B6, #5A8D7F, #4A6C73, #3E5345)
• Aged Thicket color palette (#E1EAEE, #B0BAC6, #878CAA, #004D5E, #12222A)
• Washed Studio color palette (#FFF0FE, #77B894, #4E7E99, #7D4948, #324D52)
• Softworn Spruce color palette (#E4F2F3, #8A9DA7, #617286, #003329, #000C0E)
• Hushed Harbor color palette (#EEF6FF, #CDD2E3, #A9A1C1, #005AA6, #253444)
• Teal Archive color palette (#E8F9FC, #4EAA9E, #965D6A, #7A3F4B, #58354B)

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