Stone Ridge color palette — #F7F1E9 · #D8C18C · #785C31 · #35302A · #19130A

Built around Sand, softened by Coffee — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#F7F1E9): a clean, paper-quiet neutral.
• Sand (#D8C18C): A luminous, dusty gold — the color of old brass.
• Coffee (#785C31): A full-bodied, dusty gold — the color of old brass.
• Espresso (#35302A): a grounded near-black with real depth.
• Ink (#19130A): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Chestnut Canyon color palette (#EDE2CE, #715200, #293435, #1B1300, #020100)
• Ancient Bronze Summit color palette (#F6F1EA, #E0BE85, #349297, #8E6B2B, #101811)
• Washed Marigold Lantern color palette (#F0F3E9, #E1A664, #26633D, #242B0A, #0B0E03)
• Dusty Driftwood color palette (#EEF8EF, #BADBC0, #94784D, #3F5341, #252E26)
• Dusty Meadow color palette (#FFEFDF, #ABB269, #4D8573, #6A4650, #2D2D1E)
• Antique Lagoon Pier color palette (#FFF0D7, #C1CA87, #689867, #2A6550, #003033)
• Dusty Courtyard color palette (#DEE1CA, #A46A00, #073402, #172223, #010B00)
• Amber Courtyard color palette (#FCF0DF, #BF8A28, #7A7DB2, #575A84, #2A2114)

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