Tempered Ridge color palette — #F3F5FC · #D7C7FC · #CB896B · #9380BA · #382831

Caramel and Slate Blue set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#F3F5FC): bright and airy, almost weightless.
• Lilac Frost (#D7C7FC): A whisper-light, dusty violet — the color of twilight just after sunset.
• Caramel (#CB896B): A luminous, balanced orange — the color of sun-warmed clay.
• Slate Blue (#9380BA): A luminous, balanced violet — the color of a velvet chair.
• Espresso (#382831): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Creativity, Sophistication. Tagged duotone, muted.

Use it as a design system

One click turns Tempered Ridge 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

• Tempered Cerulean Loft color palette (#F0F6FC, #A9D7FD, #CE8673, #5293C5, #372932)
• Driftwood Lagoon color palette (#F5F4FB, #ECC1EA, #9AA16B, #AB78AA, #20322B)
• Lilac Quarry color palette (#FAF3F6, #E3DAE3, #D5A55E, #9E8CD8, #251D12)
• Blush Atelier color palette (#F5F4FB, #F4CEFF, #FC9790, #C498D0, #352A33)
• Washed Mallow color palette (#E6FAF6, #CBB2DE, #B7837D, #4A7687, #4C4359)
• Ancient Pewter Courtyard color palette (#FBF3F4, #D3B3DB, #AB676D, #8A5598, #3C2823)
• Wandering Bronze color palette (#F5F3FF, #E5BDE5, #CB9199, #995B3E, #5F4000)
• Ancient Studio color palette (#F6F4FB, #E0D8DB, #B9AFAA, #A094B8, #535158)

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