Stone Ridge color palette — #EDF8F2 · #C3E1D5 · #BBB98A · #9D9267 · #344E46

A conversation between Sage and Caramel, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EDF8F2): bright and airy, almost weightless.
• Silver (#C3E1D5): A whisper-light, dusty teal — the color of sea glass.
• Sage (#BBB98A): A luminous, dusty green — the color of fresh herbs.
• Caramel (#9D9267): A luminous, dusty green — the color of a quiet forest floor.
• Charcoal (#344E46): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, light, 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

• Muted Workshop color palette (#D8FFF4, #B1E6DC, #9CCA9F, #50A77A, #00543F)
• Antique Bronze Study color palette (#FAF5E6, #D1E2C8, #B7B174, #9B7133, #3D4400)
• Worn Taupe Meadow color palette (#FFF1F7, #F1CEDB, #D3A7BB, #B7856C, #3E4C3D)
• Washed Taupe color palette (#F1F7F1, #C5E9CA, #B49A71, #57765A, #242E25)
• Wandering Boulevard color palette (#F6F2E5, #BAC093, #978139, #6F5300, #2E2D1F)
• Timeworn Grove color palette (#CBE6D2, #AE9F5A, #997800, #775300, #191700)
• Pale Bronze Coast color palette (#F6D8E1, #CFAB76, #BA813D, #9D5712, #0C2B15)
• Soft Corridor color palette (#FFE7F1, #EABE95, #E18C4B, #C35F28, #4A2F05)

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