Lagoon Lagoon color palette — #F4F2E9 · #B4B78F · #418469 · #64496D · #282910

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

The five colors

• Cream (#F4F2E9): a clean, paper-quiet neutral.
• Sage (#B4B78F): A luminous, dusty green — the color of fresh herbs.
• Fern (#418469): A full-bodied, balanced teal — the color of sea glass.
• Charcoal Brown (#64496D): A full-bodied, dusty pink — the color of peonies in June.
• Onyx (#282910): 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 Lagoon 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

• Driftwood Grove color palette (#F6F1EB, #CCC3A6, #738B67, #7C5558, #33312A)
• Airy Pine Alley color palette (#F7F1E3, #99B182, #00804B, #7C2B4A, #152600)
• Dusty Grove color palette (#F7F6E8, #B0B38D, #498255, #804B1A, #444600)
• Weathered Loft color palette (#EDF8F3, #9BD1C7, #57A081, #726C91, #304844)
• Sapphire Courtyard color palette (#FFF0D7, #A78945, #00909D, #4C60C5, #2A1B00)
• Garnet Corridor color palette (#E7E7CA, #5DA683, #006A63, #6C0857, #001C0F)
• Bronze Hollow color palette (#FFEFDC, #D3B37E, #9C6706, #593A00, #221400)
• Muted Chestnut color palette (#FBF0E4, #C49B70, #359ABC, #8E5600, #002C3A)

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