Tempered Stone Ridge color palette — #D1E8C2 · #A4C3A2 · #7B9C86 · #7E6476 · #5C3B4C

Pistachio takes the lead with Celadon Mist close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#D1E8C2): A whisper-light, dusty green — the color of fresh herbs.
• Pistachio (#A4C3A2): A luminous, dusty green — the color of new leaves after rain.
• Eucalyptus (#7B9C86): A luminous, dusty teal — the color of sea glass.
• Pewter (#7E6476): A full-bodied, dusty pink — the color of peonies in June.
• Cocoa (#5C3B4C): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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

• Powder Coast color palette (#B1F2F5, #8AC8D9, #73998A, #835F6F, #523A5B)
• Weathered Cypress color palette (#E3E3C1, #B5BE98, #849274, #42705E, #4D3B4F)
• Cocoa Canyon color palette (#EBE7CB, #9AA583, #4C8691, #804241, #5E3800)
• Weathered Cocoa color palette (#DAECFF, #D8B2D0, #9694BE, #895D6F, #673A42)
• Ash Basin color palette (#E2FAFF, #A7E2E4, #74AFC1, #5E6885, #31334D)
• Fern Studio color palette (#F7F7E2, #B3B98F, #529067, #69671B, #35362F)
• Turquoise Bloom color palette (#CAEBE5, #3CA8B2, #507B66, #424165, #342245)
• Ancient Petrol Dune color palette (#D5E9EE, #5589A5, #32669B, #533062, #320929)

Browse the whole catalog at Explore, or see today's palette.