Tempered Ridge color palette — #EFF6FF · #9DBFFF · #16C38E · #3B6FDB · #003020
Built around Sapphire, softened by Jade — the whole palette hums with calm and balance.
The five colors
- Ivory (#EFF6FF): bright and airy, almost weightless.
- Sky (#9DBFFF): A luminous, balanced violet — the color of wild irises.
- Jade (#16C38E): A luminous, balanced teal — the color of shallow lagoons.
- Sapphire (#3B6FDB): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Forest (#003020): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: 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
- Tempered Summit color palette (#F2F5FF, #BFB3FF, #00BDBF, #7B58DC, #002F2F)
- Washed Workshop color palette (#ECF7FF, #76CBF6, #81B95D, #0081AE, #153000)
- Quiet Atelier color palette (#E6EFFF, #A4BCFF, #EAB121, #597CF3, #463200)
- Linen Alley color palette (#EEF6FF, #94C2FD, #E382B0, #0074DE, #49082E)
- Peony Garden color palette (#F0F5FF, #89A1F5, #C874B3, #008F9A, #111837)
- Tempered Iris Drift color palette (#F1F5FF, #E1D8E1, #CCAD9F, #6E90DA, #2D3553)
- Indigo Canyon color palette (#F1F5FF, #B8B6FF, #EB847E, #705AE5, #481313)
- Patina Dune color palette (#E6EEFF, #7587F2, #008E7A, #3600D9, #000A07)
Browse the whole catalog at Explore, or see today's palette.