Tempered Stone Ridge color palette — #FDF2F5 · #EDD2FF · #EEA091 · #BC9DD0 · #4E1D00
A conversation between Melon and Espresso, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#FDF2F5): bright and airy, almost weightless.
- Thistle (#EDD2FF): A whisper-light, dusty violet — the color of wild irises.
- Melon (#EEA091): A luminous, balanced orange — the color of toasted spice.
- Mauve (#BC9DD0): A luminous, dusty violet — the color of twilight just after sunset.
- Espresso (#4E1D00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
Feels like: Optimism, Creativity, Sophistication. Tagged duotone, light, muted.
Use it as a design system
One click turns Tempered Stone 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
- Aged Mallow color palette (#FBF2F7, #D7DBFF, #E49EC9, #9FA5E3, #3A2929)
- Stone Villa color palette (#FDF2F1, #FFCFDC, #D5B17A, #D596A9, #312D27)
- Cocoa Veranda color palette (#FFF1F3, #FFCEEB, #E8A1B2, #BB7D7C, #6E351B)
- Amber Studio color palette (#FBF2F7, #CBCBFF, #C78E52, #8786B8, #322D28)
- Stone Drift color palette (#FFF2F0, #EACFCC, #E2BB90, #AFA594, #5B413C)
- Mallow Pier color palette (#FFF1F4, #DD9BEF, #AFA76D, #5A9382, #392E38)
- Fuchsia Station color palette (#FFF1F2, #FFB0EF, #FC7F2F, #DF63CB, #301500)
- Muted Station color palette (#F2F1F8, #C4BDE5, #AC6C87, #9652A2, #1A121F)
Browse the whole catalog at Explore, or see today's palette.