Tempered Lagoon color palette — #F8EFF4 · #CBDDD8 · #A7BEB1 · #915131 · #271D23

A conversation between Burnt Sienna and Ash, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#F8EFF4): bright and airy, almost weightless.
• Silver (#CBDDD8): A whisper-light, dusty teal — the color of sea glass.
• Ash (#A7BEB1): A luminous, dusty teal — the color of glacier melt.
• Burnt Sienna (#915131): A full-bodied, balanced orange — the color of toasted spice.
• Onyx (#271D23): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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 Boulevard color palette (#ECF4EE, #C5D9D1, #8DB891, #715700, #0F1E14)
• Worn Chestnut Courtyard color palette (#FCF2F6, #EBD3D0, #A7B9A8, #84583B, #42373C)
• Driftwood Workshop color palette (#FAF4EF, #E0DECE, #ADBBA7, #B17C58, #342D26)
• Cocoa Bloom color palette (#EEE4E9, #A6B9AA, #719788, #683400, #12070C)
• Obsidian Chestnut color palette (#D9E9D9, #875B00, #262700, #021103, #040103)
• Faded Amber color palette (#D9F0DD, #CE693E, #675C00, #23346B, #280E19)
• Driftwood Thicket color palette (#F7D2EF, #BD99A5, #6F8259, #4A4469, #2E2646)
• Pine Balcony color palette (#EAF5EE, #95A973, #1A783C, #513D5D, #01221B)

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