Stone Harbor color palette — #FEF3EA · #F5B18E · #9BB988 · #997398 · #4D2600

Built around Melon, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#FEF3EA): a clean, paper-quiet neutral.
• Melon (#F5B18E): A luminous, balanced orange — the color of toasted spice.
• Sage (#9BB988): A luminous, dusty green — the color of new leaves after rain.
• Heather (#997398): A luminous, dusty pink — the color of neon signs at night.
• Espresso (#4D2600): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, 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

• Basalt Canyon color palette (#FFF2EC, #F4B09E, #AAB57C, #668D6D, #522100)
• Tempered Mustard color palette (#FAF5E9, #D0C679, #77BEB3, #AC6F6E, #34312B)
• Stone Meadow color palette (#FEF2ED, #F6ADA1, #71C6D3, #9891CA, #433B38)
• Muted Stone Market color palette (#F7F6E9, #BBCC8F, #6FBDC4, #5C88A3, #33322B)
• Weathered Hollow color palette (#FCF5E2, #E1E1A8, #95AA7F, #387F83, #4A3F00)
• Mint Station color palette (#F4F6EC, #8BC297, #5BA4BF, #51658D, #332227)
• Taupe Field color palette (#F9F4ED, #DFE0CC, #A4B784, #B99352, #201F12)
• Softworn Amber color palette (#FFF4E0, #BC9A2E, #B46FA2, #8F4454, #1E1300)

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