Tempered Lagoon color palette — #FFF1F0 · #E2D7D1 · #A8B5B1 · #C19195 · #5C433E

Dusty Rose and Cocoa set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Bone (#E2D7D1): bright and airy, almost weightless.
• Ash (#A8B5B1): soft and architectural.
• Dusty Rose (#C19195): A luminous, dusty red — the color of embers at dusk.
• Cocoa (#5C433E): A full-bodied, dusty orange — the color of autumn markets.

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

• Muted Boulevard color palette (#FFF1F1, #DEEEB5, #E2D9CE, #BBA2DF, #61433E)
• Tempered Driftwood color palette (#FFF3E6, #BCEBD1, #BEBFC9, #B38267, #34312A)
• Antique Terrace color palette (#FFF3E9, #FDF790, #DDDCCB, #E18777, #5B3919)
• Tempered Grove color palette (#FFF3E8, #F7D7B0, #C19371, #8C5D4E, #35312B)
• Oat Canyon color palette (#FAF2FF, #EAD5DB, #F4BE9C, #966F90, #5A4B5E)
• Hushed Garnet Loft color palette (#FFDFCD, #E2B38D, #B19000, #7A1127, #030100)
• Timeworn Mustard Atelier color palette (#F4EFFF, #EED4D9, #D8BC78, #7C78A8, #3A2C3C)
• Washed Apricot Hollow color palette (#FFF2EB, #F79576, #51B0A8, #4A76A1, #341F12)

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