Tempered Stone Ridge color palette — #FCF0E1 · #B3B97F · #57815B · #6A4A57 · #2C2715

Sage and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FCF0E1): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#B3B97F): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#57815B): A full-bodied, dusty green — the color of new leaves after rain.
• Charcoal Brown (#6A4A57): A full-bodied, dusty rose — the color of pressed rose petals.
• Onyx (#2C2715): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Aged Pine color palette (#FBF0E3, #A3A569, #39743B, #4B453F, #221C05)
• Teal Dune color palette (#F4F4DB, #50BF99, #007A81, #6E384D, #182504)
• Patina Chestnut color palette (#FDF4E5, #B8B183, #757740, #804B1A, #533F00)
• Worn Terrace color palette (#FDF3C7, #BACA6C, #837E18, #474100, #161600)
• Antique Straw Canyon color palette (#ECF9EF, #ECE9AE, #95A672, #816F82, #253F33)
• Hushed Driftwood color palette (#EFF8EF, #A1D1BB, #7B9A6C, #776B89, #2E493D)
• Mustard Lantern color palette (#F7F2E0, #B0A91E, #6C8CCF, #6B681D, #182646)
• Seafoam Dune color palette (#FFF0D8, #BEF7E1, #7CD1C9, #A37865, #37352F)

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