Stone Harbor color palette — #FEF4E6 · #E0BD83 · #ADA6DC · #9C7393 · #35312B

Built around Sand, softened by Mauve — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#FEF4E6): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sand (#E0BD83): A luminous, balanced gold — the color of old brass.
• Mauve (#ADA6DC): A luminous, dusty violet — the color of wild irises.
• Heather (#9C7393): A luminous, dusty pink — the color of neon signs at night.
• Espresso (#35312B): a grounded near-black with real depth.

Feels like: Optimism, Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Hushed Stone color palette (#FEF3EB, #F0B491, #86B4DA, #5C87A9, #36302C)
• Tempered Market color palette (#FCF2F9, #F2AFA5, #A1B5EC, #AA88CD, #493645)
• Tempered Cocoa color palette (#F5F6EC, #ADDAA2, #8E96C6, #845C79, #5E2402)
• Patina Canyon color palette (#F6F6E8, #A2C18E, #4C97BC, #8A607C, #302A1C)
• Timeworn Basalt color palette (#FFF2E9, #CEE7B1, #6CB1A9, #8C647F, #3B4500)
• Weathered Mint color palette (#F5F7E8, #89C484, #CF83A3, #9A6346, #242612)
• Antique Taupe color palette (#F6F6EE, #D5DCD7, #ADB3BE, #9BB191, #4E4E47)
• Muted Taupe color palette (#F8F5EE, #BDEAD0, #67BFC3, #A99A54, #152217)

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