Lagoon Coast color palette — #F9F0CD · #A3BC87 · #69935E · #3C6C4A · #305440
Fern takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#F9F0CD): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#A3BC87): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#69935E): A luminous, balanced green — the color of fresh herbs.
- Pine (#3C6C4A): A full-bodied, dusty teal — the color of sea glass.
- Deep Olive (#305440): A full-bodied, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication. Tagged 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
- Weathered Lagoon Harbor color palette (#EDFBDA, #7FC4B2, #3B958B, #167072, #375542)
- Ancient Ridge color palette (#DDFEEF, #CBE0A1, #92C77A, #679C74, #37595B)
- Dusty Bronze Parlor color palette (#FFEEDE, #CAA877, #977D3B, #68612A, #414F35)
- Antique Pine Courtyard color palette (#F4F7EB, #8FBE91, #B389AC, #4E8052, #664246)
- Chalky Clover Delta color palette (#D3E8CB, #4FBB5D, #008C5C, #005C4C, #00404F)
- Weathered Iris Ridge color palette (#F2F8E4, #6CA87E, #7886BF, #A06457, #41433C)
- Washed Lagoon color palette (#C7E8D9, #00907C, #00595B, #00373C, #091C2E)
- Powdered Cerulean color palette (#B0F2E2, #4CBDB8, #00919D, #005F72, #273E64)
Browse the whole catalog at Explore, or see today's palette.