Lagoon Coast color palette — #F4F2E8 · #B4B78E · #49836A · #76444E · #28290D

Built around Fern, softened by Coffee — the whole palette hums with nature and growth.

The five colors

• Cream (#F4F2E8): bright and airy, almost weightless.
• Sage (#B4B78E): A luminous, dusty green — the color of fresh herbs.
• Fern (#49836A): A full-bodied, dusty teal — the color of sea glass.
• Coffee (#76444E): A full-bodied, dusty red — the color of late-summer berries.
• Onyx (#28290D): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Tempered Field color palette (#F1F3EB, #BAC9AE, #708B71, #8B5029, #2B3523)
• Ancient Pine color palette (#FDF0DB, #A4AE7C, #3F7B3D, #5F4900, #1F2400)
• Dusty Bronze Pier color palette (#EAF9F2, #BDE3E7, #8EA77D, #8E7049, #1F4036)
• Washed Lantern color palette (#EEF8F3, #9CD1C6, #4AA379, #806787, #2C4943)
• Soft Plum Basin color palette (#F1F4DF, #6D9B68, #7275C6, #964795, #1E2100)
• Washed Forest color palette (#F3F6D0, #A5C895, #558B44, #185100, #0F1D00)
• Weathered Garnet Ridge color palette (#E7E7CD, #3EAC79, #006A62, #790403, #001C0E)
• Tempered Forest Dune color palette (#EBE4D6, #7F975D, #006635, #423900, #0C1500)

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