Lagoon Workshop color palette — #F9F5E9 · #B4B98F · #42917E · #8B4E59 · #35362F

Fern and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F5E9): a clean, paper-quiet neutral.
• Sage (#B4B98F): A luminous, dusty green — the color of fresh herbs.
• Fern (#42917E): A luminous, balanced teal — the color of shallow lagoons.
• Coffee (#8B4E59): A full-bodied, balanced red — the color of embers at dusk.
• Espresso (#35362F): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Pewter Grove color palette (#FFF3E8, #C1B483, #6F8B50, #7C5082, #3F3509)
• Misty Lagoon Field color palette (#F8F7DE, #7FCEAD, #00999F, #8F5176, #004631)
• Cypress Courtyard color palette (#E6FAF8, #6AAA92, #00726A, #49456C, #193C3E)
• Weathered Dune color palette (#F4F7E9, #97DBC0, #60B0A7, #9C768B, #273D00)
• Soft Alley color palette (#FFE9E3, #E08C96, #00ACA0, #CF1450, #003F3A)
• Iris Delta color palette (#FAF4EE, #B6DFD2, #7C90DB, #007C7C, #41305C)
• Wandering Driftwood color palette (#FFF2F0, #E6DDBF, #C7CE83, #A26CAB, #4A433F)
• Wandering Thicket color palette (#FEDDCA, #D27A5F, #00A180, #008088, #471D10)

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