Tempered Lagoon color palette — #FFF2EB · #DFDCCC · #ADAEB8 · #BA977E · #75400F

Bronze takes the lead with Taupe close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#DFDCCC): A whisper-light, dusty green — the color of new leaves after rain.
• Ash (#ADAEB8): soft and architectural.
• Taupe (#BA977E): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#75400F): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Patina Garden color palette (#FFF0F9, #E6D7D5, #BEBECE, #CAA3AE, #5C4952)
• Timeworn Fern color palette (#FDF4E3, #B6EAD8, #89D0E5, #B18762, #544700)
• Bronze Lantern color palette (#F9F5EB, #CFCCAE, #A59D62, #966B2E, #474D00)
• Wandering Apricot color palette (#FFF2EB, #DD977D, #6DA1CE, #8D6C96, #423B37)
• Wandering Courtyard color palette (#FFF0F8, #E5D6D5, #ADD9CD, #9A7E91, #57474E)
• Ancient Basin color palette (#FBE5D7, #BA9864, #608F00, #85063B, #1B0D00)
• Weathered Cocoa Thicket color palette (#FAF4ED, #E4CF9F, #96784C, #6A4400, #312A22)
• Feathered Corridor color palette (#FFF2E9, #F7E7AF, #92E16E, #CA6F70, #513D16)

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