Lagoon Coast color palette — #F2F7F1 · #D1DFDE · #D6C2C6 · #00A49F · #434A43

Built around Turquoise, softened by Oat — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#F2F7F1): a clean, paper-quiet neutral.
• Silver (#D1DFDE): a clean, paper-quiet neutral.
• Oat (#D6C2C6): A whisper-light, dusty red — the color of embers at dusk.
• Turquoise (#00A49F): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#434A43): quiet, heavy and certain.

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

Use it as a design system

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

• Hushed Cypress Quarry color palette (#EFF7F9, #D6DBE4, #B9C0D6, #298385, #41494C)
• Patina Jade Ridge color palette (#F4F6F0, #D4DDDA, #B1C6C7, #4CA377, #3E5006)
• Fern Station color palette (#F4F8D7, #C6D1BA, #7AA396, #817B50, #515501)
• Softworn Cerulean color palette (#D7EAE0, #329DBE, #5B4556, #1E3328, #141B12)
• Softworn Cobalt color palette (#F0F7F5, #ECD9DA, #DEBBB1, #008CDE, #32443F)
• Worn Chestnut Pier color palette (#FFF3E7, #7EC2A8, #528CBB, #8E530A, #2B442D)
• Worn Abyss color palette (#D7E2D8, #A9B8B3, #A98B9E, #005E65, #011A07)
• Washed Courtyard color palette (#FEF0FC, #8BA4D9, #637FBA, #9D304A, #004141)

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