Tempered Lagoon color palette — #F6F1E5 · #BFB572 · #8D94E3 · #7E7321 · #412739

Built around Lavender Blue, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Cream (#F6F1E5): bright and airy, almost weightless.
• Sage (#BFB572): A luminous, balanced green — the color of new leaves after rain.
• Lavender Blue (#8D94E3): A luminous, balanced violet — the color of a velvet chair.
• Walnut (#7E7321): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#412739): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Balance. Tagged 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

• Aged Olive Lagoon color palette (#F2F3E7, #9CC083, #B688C3, #577F36, #44272F)
• Dusty Mustard Atelier color palette (#E9FAED, #C8AD66, #9C8DCD, #85703A, #464B67)
• Ancient Quarry color palette (#FCEFE5, #DCA684, #52A8CA, #9F6035, #1B382B)
• Wandering Delta color palette (#F7F2E1, #A1A05C, #1C9BC6, #9F6281, #2D2712)
• Aged Meadow color palette (#F7F1E5, #C3BC9B, #8C8455, #755003, #2E2D1F)
• Peony Lagoon color palette (#ECF6E2, #62B797, #C86A93, #007758, #3F1B19)
• Hushed Mallow color palette (#FBF4EA, #FFE1AC, #D7BDFF, #B79454, #583D48)
• Forest Station color palette (#F1F3E8, #D7C193, #466D43, #31322B, #14150D)

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