Tempered Stone Ridge color palette — #F8EEF9 · #CCC68A · #855054 · #3C2A3C · #181118
Built around Pistachio, softened by Coffee — the whole palette hums with nature and growth.
The five colors
- Blush (#F8EEF9): bright and airy, almost weightless.
- Pistachio (#CCC68A): A luminous, dusty green — the color of a quiet forest floor.
- Coffee (#855054): A full-bodied, dusty red — the color of embers at dusk.
- Espresso (#3C2A3C): A deep, shadowed, dusty pink — the color of neon signs at night.
- Ink (#181118): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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
- Softworn Drift color palette (#FEF2EE, #E5CDA7, #9F6F6B, #77391F, #362822)
- Mustard Grove color palette (#E6F7EB, #D3AD62, #665315, #142E1D, #041008)
- Dusty Lagoon Market color palette (#F7EFF6, #F7ADA7, #5C9262, #9C5E59, #0A1918)
- Worn Mustard color palette (#FFEBF8, #C4A600, #842900, #3D0E00, #11030C)
- Patina Apricot Chapel color palette (#E4F8E6, #DD9A6D, #797D43, #425271, #233024)
- Tempered Driftwood Boulevard color palette (#F8EFF3, #CAD6D9, #969EAA, #967987, #3A3437)
- Bronze Station color palette (#DCEDDC, #967200, #392500, #131A20, #0D0600)
- Eclipse Archive color palette (#F3E2F0, #655800, #242216, #2E0001, #050000)
Browse the whole catalog at Explore, or see today's palette.