Stone Ridge color palette — #F1F7F0 · #C6E7D7 · #9DC19A · #849FA9 · #3E5349
Sage takes the lead with Celadon Mist close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F1F7F0): a clean, paper-quiet neutral.
- Celadon Mist (#C6E7D7): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#9DC19A): A luminous, dusty green — the color of a quiet forest floor.
- Blue Fog (#849FA9): A luminous, dusty blue — the color of deep harbor water.
- Charcoal Brown (#3E5349): A full-bodied, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Softness, Clarity, Grounding. Tagged botanical, earthy, muted, light.
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
- Muted Courtyard color palette (#EEF6FF, #DCD9E3, #9BC9D7, #B5AEA5, #444F60)
- Aged Mustard Boulevard color palette (#ECF7FF, #8FD1F5, #CDC067, #8CB384, #344551)
- Jade Workshop color palette (#E4FCEC, #BBDA9D, #00C28B, #4A93AF, #16433B)
- Dusty Fern Dune color palette (#F8F5ED, #D7D3AF, #81A878, #748368, #584E00)
- Patina Driftwood color palette (#F7F1E7, #CAC4A7, #838942, #566753, #33312A)
- Aged Grove color palette (#E5F9FF, #9DE8FF, #74BFFF, #8197CE, #484B67)
- Teal Basin color palette (#D8E9E0, #A0C698, #00A98B, #397DA1, #173012)
- Hushed Pine Atelier color palette (#D5E8D8, #809146, #00753F, #005160, #050700)
Browse the whole catalog at Explore, or see today's palette.