Stone Pier color palette — #E4FCF2 · #EED8D4 · #DFB6A0 · #8CB19B · #534954

Sand and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E4FCF2): A whisper-light, dusty teal — the color of shallow lagoons.
• Bone (#EED8D4): A whisper-light, dusty orange — the color of autumn markets.
• Sand (#DFB6A0): A luminous, dusty orange — the color of toasted spice.
• Sage (#8CB19B): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#534954): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Tempered Powder color palette (#EDF6FF, #D8D9E3, #80C1DF, #BAAFAB, #3D4E60)
• Antique Oat Quarry color palette (#E5FBF0, #EAD8D2, #E2BCB3, #758D74, #3E524C)
• Wandering Bronze color palette (#FEF4E2, #D1CD9D, #AD9874, #986A2F, #534800)
• Ancient Mallow Canyon color palette (#FFF0F9, #F0D2E9, #F1AEDE, #6D89B3, #553D47)
• Hushed Pier color palette (#FFF0F9, #9DA3EF, #BB9364, #6E8356, #463841)
• Sand Lantern color palette (#FDF1FA, #EACD93, #94708B, #5C4456, #31282F)
• Worn Villa color palette (#B7FAA7, #FFC6D3, #B2CAFF, #554953, #332D32)
• Gentle Violet color palette (#FFEFFF, #FFC3E2, #FFA1A1, #8D60BB, #4A253D)

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