Stone Ridge color palette — #ECF8F3 · #BAE8E4 · #8FBFC8 · #9C96AE · #3C5250

Ash and Sea Foam set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#ECF8F3): bright and airy, almost weightless.
• Sea Foam (#BAE8E4): A whisper-light, dusty teal — the color of sea glass.
• Ash (#8FBFC8): A luminous, dusty blue — the color of deep harbor water.
• Blue Fog (#9C96AE): A luminous, dusty violet — the color of a velvet chair.
• Charcoal Brown (#3C5250): A full-bodied, dusty teal — the color of sea glass.

Feels like: Sophistication, Softness, Clarity, Grounding. Tagged botanical, earthy, muted, light.

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

• Ancient Sand Balcony color palette (#E7FCE9, #E6C185, #99C1F2, #9D9BD7, #364838)
• Aged Teal Market color palette (#FBF2F5, #DAD4E0, #C3BBE3, #6CAFB0, #4D506C)
• Hushed Teal Harbor color palette (#EAFAF0, #BAD3AC, #70AF98, #967899, #163D37)
• Fern Pier color palette (#F6F6EB, #CFD4BB, #90A37B, #937573, #495304)
• Lagoon Grove color palette (#F4F2EB, #C0C8A4, #548F86, #78575B, #30322B)
• Softworn Plum color palette (#CAF6EE, #68D7BF, #00A9C0, #B45A6F, #00372D)
• Weathered Stone Grove color palette (#FDF0FF, #FDC2AC, #E2AC7C, #AC965A, #305546)
• Stone Boulevard color palette (#E0FEE6, #F9DFAE, #CFB67C, #9C8752, #213D24)

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