Stone Ridge color palette — #F7F3FF · #FFC8D7 · #F2A49F · #B28165 · #39523D

Rose Quartz and Caramel set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#F7F3FF): a clean, paper-quiet neutral.
• Shell Pink (#FFC8D7): A whisper-light, dusty red — the color of late-summer berries.
• Rose Quartz (#F2A49F): A luminous, balanced orange — the color of toasted spice.
• Caramel (#B28165): A luminous, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#39523D): A full-bodied, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Warmth, Comfort, Sophistication, Softness, Clarity. Tagged light, muted, warm.

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

• Tempered Stone color palette (#FFF0FD, #FFCDAE, #DCB17B, #A09359, #2B574B)
• Hushed Courtyard color palette (#F0F1FF, #F5C5F0, #E8A4B8, #B97C7B, #66495A)
• Tangerine Workshop color palette (#FFDAE3, #FFA5A3, #FA771B, #A97600, #493B00)
• Aged Apricot Quarry color palette (#FFF0F9, #FFC6B1, #81D7E3, #DF9277, #2B5362)
• Cocoa Harbor color palette (#FFF2EF, #F9B8BE, #D38980, #9C6854, #734007)
• Tempered Hollow color palette (#FFF0F8, #EFDBBC, #DEA88B, #B27C63, #4E2E43)
• Dusty Veranda color palette (#FFDEE1, #E5A4B8, #CB6B5B, #835034, #35312B)
• Dusty Thicket color palette (#F4ECFF, #B3E4FF, #FFC5AB, #7A6771, #3E3339)

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