Lagoon Cabin color palette — #F7F1E6 · #B7B68C · #49826B · #65496B · #2A2910

A conversation between Fern and Charcoal Brown, giving this palette its sense of nature and growth.

The five colors

• Cream (#F7F1E6): bright and airy, almost weightless.
• Sage (#B7B68C): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#49826B): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal Brown (#65496B): A full-bodied, dusty pink — the color of a candy shop window.
• Onyx (#2A2910): 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 Cabin 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

• Aged Spruce color palette (#F3F2E7, #BEC7B0, #508F8F, #795856, #283700)
• Hushed Delta color palette (#F9F1E3, #97A77C, #19774D, #564417, #201D00)
• Tempered Lagoon color palette (#ECF9EF, #9DD1C2, #5F9F7D, #706D8D, #2C4941)
• Softworn Indigo color palette (#EEF6DD, #5E9E73, #4E81C0, #6658BE, #1B2105)
• Garnet Coast color palette (#EBE5CB, #57A96E, #006A61, #691454, #001C08)
• Feathered Bronze color palette (#F3DFD0, #D1A167, #887200, #395800, #0A3216)
• Olive Coast color palette (#F0E7D1, #608450, #00503E, #312A00, #020B00)
• Wandering Cerulean color palette (#F7F0EC, #CBE3D7, #6790C3, #006E5F, #3E2134)

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