Lagoon Coast color palette — #FFF0FB · #B9A66E · #37886C · #6C4C6F · #384D46

Fern takes the lead with Camel close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
• Camel (#B9A66E): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#37886C): A full-bodied, balanced teal — the color of sea glass.
• Charcoal Brown (#6C4C6F): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal (#384D46): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, muted.

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

• Wandering Pier color palette (#FCF1FE, #87B684, #338398, #784A53, #354D4F)
• Hushed Taupe color palette (#FBF0DF, #A8B370, #508665, #4F4C75, #2E2D1A)
• Hushed Olive color palette (#EDF9EC, #D59680, #757E3C, #51557E, #574048)
• Washed Lagoon Harbor color palette (#F0F8EF, #A2CCB9, #658D64, #576D56, #42514A)
• Timeworn Cabin color palette (#EEF8EF, #B69152, #536FA7, #773E5A, #4A3C54)
• Tempered Ash color palette (#FAF3F6, #D7DFF0, #7E9BC3, #3D7B70, #4B5266)
• Dusty Cabin color palette (#FFF0F9, #AEC7BA, #7BA2A5, #81697F, #5A4654)
• Faded Mulberry Lantern color palette (#FEF0FF, #8B9500, #006F6B, #7A0959, #203E1E)

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