Stone Ridge color palette — #E7F6ED · #AFBA85 · #647E57 · #54516C · #142D25

Built around Sage, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Cream (#E7F6ED): bright and airy, almost weightless.
• Sage (#AFBA85): A luminous, dusty green — the color of new leaves after rain.
• Fern (#647E57): A full-bodied, dusty green — the color of fresh herbs.
• Charcoal Brown (#54516C): A full-bodied, dusty violet — the color of twilight just after sunset.
• Deep Forest (#142D25): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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 Stone Study color palette (#E9F5F2, #A5D0AD, #578D91, #665D6E, #233534)
• Taupe Parlor color palette (#E4F7ED, #92AB60, #467142, #5A3A52, #02221B)
• Dusty Olive Orchard color palette (#FBF4EA, #B8B08A, #737932, #6C505D, #4D4200)
• Tempered Studio color palette (#ECF9ED, #E2EDA9, #77AD81, #71748D, #233F35)
• Muted Oat color palette (#FFEBF6, #E6E2C7, #D7CE96, #8C6D8B, #3B282F)
• Worn Bronze Summit color palette (#FAF5E6, #CEC599, #959166, #9F5E41, #4E4200)
• Frosted Ember Boulevard color palette (#FFEBF6, #D86930, #32936F, #66629F, #2A1723)
• Airy Quarry color palette (#FFEBF8, #E88566, #009EBC, #91503C, #002D37)

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