Tempered Ridge color palette — #F0F6FB · #DBD9E1 · #CBBDCE · #6196BB · #414950
A conversation between Slate Blue and Stone, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F0F6FB): a clean, paper-quiet neutral.
- Silver (#DBD9E1): bright and airy, almost weightless.
- Stone (#CBBDCE): A luminous, dusty pink — the color of neon signs at night.
- Slate Blue (#6196BB): A luminous, dusty blue — the color of open sky before noon.
- Charcoal (#414950): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged scandi, muted, light.
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
- Ancient Iris color palette (#F2F4FF, #E5D5E2, #D7B6C2, #8E73CE, #3C3F4E)
- Softworn Ash color palette (#E6F9FF, #B9CEE2, #BC94BE, #4B7C7C, #385252)
- Hushed Alley color palette (#DEE5F2, #7587E2, #4E4865, #262E3E, #13191E)
- Tempered Canyon color palette (#DBE4EE, #ADB3CA, #988EB5, #005496, #071523)
- Moss Pier color palette (#FEF1F7, #A7D0B5, #7D9B53, #6F6E8C, #32483A)
- Hushed Iris Dune color palette (#E0FDF3, #65C0D7, #8977CB, #5C6B29, #2B3F51)
- Muted Mulberry Archive color palette (#E5E3EC, #CAC0CD, #BD98AD, #8A3D88, #211C2E)
- Powdered Blush Grove color palette (#EFF6FF, #70FAF9, #ACC9FF, #E47EAA, #303754)
Browse the whole catalog at Explore, or see today's palette.