Tempered Ridge color palette — #F9F3F8 · #ECD4D2 · #D5ACC8 · #345CAA · #140713
Built around Cobalt, softened by Rosewood Mist — the whole palette hums with sophistication.
The five colors
- Ivory (#F9F3F8): a clean, paper-quiet neutral.
- Bone (#ECD4D2): A whisper-light, dusty orange — the color of toasted spice.
- Rosewood Mist (#D5ACC8): A luminous, dusty pink — the color of a candy shop window.
- Cobalt (#345CAA): A full-bodied, balanced violet — the color of a velvet chair.
- Ink (#140713): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Sophistication. 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
- Dusty Grove color palette (#EFF8F2, #ECD7DE, #D5AEC1, #006B7E, #021007)
- Grape Canyon color palette (#FCF2F5, #E4D6CE, #DFACA6, #7A409E, #15080C)
- Antique Navy Villa color palette (#EAE0E7, #C0ADB7, #9D8690, #343A80, #11070E)
- Timeworn Cobalt color palette (#E3E8F0, #C5BCCF, #B49FBB, #6C7CBA, #181F2D)
- Tempered Violet Pier color palette (#FFF1F7, #E5D8D3, #AEBCA0, #8F59E5, #321D27)
- Hushed Plum Alley color palette (#FCF2F3, #E2DAD1, #CFC5A4, #A4578C, #291A1A)
- Plum Hollow color palette (#BEE7FF, #A49DC8, #A75578, #0A5443, #00241A)
- Twilit Market color palette (#FCE8F0, #7701DD, #1F1308, #27001A, #040002)
Browse the whole catalog at Explore, or see today's palette.