Lagoon Coast color palette — #F3F6F0 · #D3DDDA · #ACC6C5 · #408368 · #454941

Built around Fern, softened by Stone — the whole palette hums with sophistication.

The five colors

• Ivory (#F3F6F0): bright and airy, almost weightless.
• Silver (#D3DDDA): a clean, paper-quiet neutral.
• Stone (#ACC6C5): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#408368): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#454941): quiet, heavy and certain.

Feels like: Sophistication. 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

• Lagoon Cabin color palette (#EBF4F4, #D0DAE2, #AFC0D1, #2F8670, #242E2F)
• Abyss Field color palette (#E3EADE, #A0ADA3, #6B867B, #004237, #0D1707)
• Washed Cypress color palette (#F1F7F0, #C4D9CB, #83B2A5, #006962, #293726)
• Fern Cabin color palette (#F3F4D7, #ABB9A1, #6C907D, #82534A, #545200)
• Weathered Olive color palette (#FDF3EA, #C0AD88, #6E7A43, #306651, #563E00)
• Dusty Petrol color palette (#F0F7F4, #E2D7D9, #C4ACB5, #0B6AA0, #303E3A)
• Washed Cocoa Coast color palette (#FFF2EC, #60A987, #1B758D, #7C332E, #2F4428)
• Navy Chapel color palette (#EFE9EF, #C2B4BC, #A6838D, #004384, #281929)

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