Tempered Lagoon color palette — #FAF2F8 · #CEE3DC · #AAC9CA · #A87061 · #40373E

Mocha and Stone set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Silver (#CEE3DC): A whisper-light, dusty teal — the color of glacier melt.
• Stone (#AAC9CA): A luminous, dusty teal — the color of sea glass.
• Mocha (#A87061): A full-bodied, dusty orange — the color of sun-warmed clay.
• Charcoal (#40373E): a grounded near-black with real depth.

Feels like: 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

• Wandering Market color palette (#EFF8F0, #C9E6DB, #9CC7C6, #9A6F00, #29372B)
• Amber Thicket color palette (#FBF2F7, #E5D5D4, #ADC5C8, #DB875B, #43363D)
• Ancient Lagoon color palette (#DDECDB, #B07100, #23483C, #182617, #130A11)
• Patina Drift color palette (#F0E8EC, #B4CBB8, #85AFA2, #964619, #281A22)
• Timeworn Taupe color palette (#F0F7F2, #D0DFE1, #ACB4C2, #82A58D, #4E554F)
• Worn Basalt Villa color palette (#E1EAE5, #8EACA7, #6F8C91, #4E4600, #000D06)
• Tempered Station color palette (#F4DCFB, #D7B48F, #6F9790, #64698D, #3F425A)
• Worn Courtyard color palette (#ECF9EF, #A6BF81, #528F70, #625E83, #193D34)

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