Tempered Lagoon color palette — #F7F1E8 · #BCB48E · #568253 · #6E475C · #2C2711

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

The five colors

• Cream (#F7F1E8): bright and airy, almost weightless.
• Sage (#BCB48E): A luminous, dusty green — the color of new leaves after rain.
• Fern (#568253): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#6E475C): A full-bodied, dusty rose — the color of strawberry cream.
• Onyx (#2C2711): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

One click turns Tempered 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

• Chestnut Station color palette (#F3F2EA, #C0C7AA, #758A69, #8E4D36, #30322B)
• Patina Pine Coast color palette (#F7F1E7, #9BA676, #3C733D, #584300, #1A1F00)
• Wandering Cocoa color palette (#F1F4E4, #60BBA1, #007A7E, #7A3416, #00281E)
• Hushed Driftwood color palette (#ECF9EF, #C2C99B, #739C6C, #796A89, #2D493F)
• Muted Bronze color palette (#F4E2D4, #C29964, #9A7A00, #4C5500, #213206)
• Sunlit Ridge color palette (#F8F1E0, #AEA56B, #8683CD, #726500, #242245)
• Chalky Parlor color palette (#F8F3D9, #899643, #6278CE, #7E4FB3, #241E00)
• Faded Garnet color palette (#EDE5C6, #6EA566, #006C50, #77002B, #021C01)

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