Stone Ridge color palette — #F2F8E8 · #BCD0FC · #D599BE · #509B8F · #583F4B

Mauve and Eucalyptus set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F2F8E8): A whisper-light, dusty green — the color of new leaves after rain.
• Lilac Frost (#BCD0FC): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#D599BE): A luminous, balanced pink — the color of peonies in June.
• Eucalyptus (#509B8F): A luminous, dusty teal — the color of sea glass.
• Cocoa (#583F4B): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Creativity, Sophistication. Tagged retro, 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

• Wandering Cerulean color palette (#F9F5E8, #DDC5F3, #DA9C96, #4695C0, #5A4041)
• Tempered Emerald color palette (#FDF2F3, #E3B7DC, #C499BE, #639658, #503758)
• Ash Lagoon color palette (#E2FCF2, #F3D9E7, #D7BCB9, #7DA189, #3F554D)
• Lagoon Chapel color palette (#F4F7E8, #B4DCBE, #A8A9DA, #699A68, #344E45)
• Weathered Pier color palette (#F8F8D7, #B2BAFF, #EB6AA4, #00899F, #3F2A52)
• Patina Grove color palette (#FBEEEF, #DAA1D4, #8E756D, #654D50, #281F23)
• Patina Veranda color palette (#F8F5ED, #DEE0C8, #8CC3B0, #BA8E85, #505100)
• Aged Periwinkle color palette (#DEF8F9, #9BA6E6, #98687C, #275B5F, #2A2A3C)

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