Stone Ridge color palette — #E9FAF0 · #B9BC8D · #878256 · #4D6455 · #384D46
Built around Sage, softened by Mocha — the whole palette hums with nature and growth.
The five colors
- Ivory (#E9FAF0): A whisper-light, dusty teal — the color of sea glass.
- Sage (#B9BC8D): A luminous, dusty green — the color of new leaves after rain.
- Mocha (#878256): A full-bodied, dusty green — the color of new leaves after rain.
- Pine (#4D6455): A full-bodied, dusty teal — the color of glacier melt.
- Charcoal (#384D46): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns 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
- Dusty Orchard color palette (#FFF1F6, #A6C0A4, #9B7382, #6F5561, #3E4C40)
- Tempered Bronze color palette (#FCF5E3, #D2CBAA, #A99A75, #936D2C, #4E4A00)
- Stone Studio color palette (#EBF8FC, #B3CA96, #28696C, #223D45, #1F252B)
- Washed Amber Atelier color palette (#D9EFD9, #B59143, #7F5C24, #5B3C1B, #1F3628)
- Aged Station color palette (#CEE9D4, #8B7400, #584200, #372300, #191700)
- Cerulean Terrace color palette (#EAF8FF, #269FBF, #8A73A4, #4D6845, #2F4049)
- Softworn Navy Study color palette (#EFF6FF, #A2B6ED, #7B7EB3, #5C5585, #4F396D)
- Weathered Cobalt Hollow color palette (#EFF6FD, #86C9F6, #6B78B8, #3C7397, #272E3B)
Browse the whole catalog at Explore, or see today's palette.