Stone Pier color palette — #EDF8F2 · #BAEAEF · #B4B17D · #66826D · #324340

Sage takes the lead with Frost close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EDF8F2): bright and airy, almost weightless.
• Frost (#BAEAEF): A whisper-light, dusty blue — the color of deep harbor water.
• Sage (#B4B17D): A luminous, dusty green — the color of new leaves after rain.
• Driftwood (#66826D): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#324340): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Stone Pier 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

• Washed Stone color palette (#EEF9ED, #BBEAE2, #C9A87C, #956C7F, #31443A)
• Bronze Delta color palette (#F6F2E5, #BFBDA0, #988039, #774F05, #2B2E1B)
• Timeworn Shell Harbor color palette (#FAF2FC, #FEA6B7, #7DC095, #418EA1, #392D3B)
• Patina Bronze Studio color palette (#FFF0FC, #EADDC8, #E1A874, #937124, #484400)
• Taupe Harbor color palette (#D5EDD8, #AD9947, #7C5800, #4B2800, #000503)
• Bronze Bloom color palette (#FFF1F6, #D4AA71, #AE5F00, #6E321A, #001808)
• Hushed Thicket color palette (#F8F3FB, #CDE1CF, #B16F84, #4F3F56, #1E1920)
• Patina Mustard Field color palette (#F9F3F9, #E6DAD5, #CDAA42, #D57C85, #16211A)

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