Tempered Ridge color palette — #ECF9F0 · #47B5CA · #5A7DCB · #764887 · #054233
A conversation between Azure and Plum, giving this palette its sense of trust and stability.
The five colors
- Ivory (#ECF9F0): bright and airy, almost weightless.
- Cyan (#47B5CA): A luminous, balanced blue — the color of deep harbor water.
- Azure (#5A7DCB): A full-bodied, balanced violet — the color of twilight just after sunset.
- Plum (#764887): A full-bodied, balanced pink — the color of peonies in June.
- Forest (#054233): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
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
- Sky Basin color palette (#ECF9F2, #69BDE2, #8285C5, #84587A, #324930)
- Timeworn Teal color palette (#F1F8ED, #25BEA4, #008DB5, #4E569A, #2D3F10)
- Timeworn Lapis Atelier color palette (#D5EFE3, #0099CB, #5833FF, #770078, #002B24)
- Byzantium Ridge color palette (#FBEDF8, #738FEC, #9851A1, #852D38, #003044)
- Wandering Lagoon color palette (#EFF9E7, #00A07F, #6C5691, #703232, #492C09)
- Azure Boulevard color palette (#C9F1D3, #4BCAE7, #00A4CA, #007195, #214D3F)
- Weathered Periwinkle Orchard color palette (#E9F9FB, #6BD3C1, #8D9AE0, #AB6571, #3F3900)
- Patina Pier color palette (#E0FCE8, #A4D0BD, #80A2C4, #8A6873, #69464B)
Browse the whole catalog at Explore, or see today's palette.