Stone Pier color palette — #EFF7F3 · #D2DBDC · #9ECACA · #B4AFA5 · #4C5551

Stone takes the lead with Ash close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#EFF7F3): bright and airy, almost weightless.
• Silver (#D2DBDC): bright and airy, almost weightless.
• Stone (#9ECACA): A luminous, dusty teal — the color of sea glass.
• Ash (#B4AFA5): soft and architectural.
• Charcoal Brown (#4C5551): quiet, heavy and certain.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Wandering Periwinkle color palette (#FAF2FB, #EBD4DA, #B8AFA5, #72A9E3, #463C47)
• Fern Summit color palette (#F4F6EE, #D6E4C2, #ABBC9D, #8F9F8D, #405612)
• Softworn Bloom color palette (#FFF2EF, #ABD5FD, #9DADD7, #A67D97, #514252)
• Cocoa Coast color palette (#FFF0FC, #F0D1E4, #CDB6C0, #B49690, #804127)
• Washed Powder Quarry color palette (#FAEDFB, #87BAF9, #887484, #5A515B, #1C2321)
• Weathered Lantern color palette (#FEF1F4, #ECD4CC, #E0B9A6, #BD78D4, #442A31)
• Aged Harbor color palette (#E1ECE8, #B39EA6, #A0828A, #006A9D, #000D08)
• Dusty Ridge color palette (#F6EAEE, #BEABA6, #B79082, #835DA7, #1E0E14)

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