Stone Harbor color palette — #FFF3E5 · #F2C79F · #A2B872 · #8D84B4 · #5F4200

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

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Wheat (#F2C79F): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#A2B872): A luminous, balanced green — the color of a quiet forest floor.
• Slate Blue (#8D84B4): A luminous, dusty violet — the color of wild irises.
• Bronze (#5F4200): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged retro, light, 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

• Tempered Cocoa color palette (#FCF4E5, #FFBCBE, #CDA772, #6E90AF, #6F360D)
• Hushed Teal color palette (#FCF3ED, #F9B68A, #5BBEAA, #917AB3, #58383A)
• Patina Straw Atelier color palette (#FCF4E4, #F5DB90, #A2A775, #467E77, #503C00)
• Softworn Fern color palette (#F6F5EE, #DAE3BE, #89C4B4, #B39186, #495305)
• Teal Summit color palette (#FFF2EA, #AFD595, #00BDB7, #B06885, #3C3E37)
• Washed Ridge color palette (#F6F1E7, #C7B866, #7F8038, #6A5100, #25211C)
• Antique Harbor color palette (#FFF3E7, #ECB803, #3CC453, #944EB6, #383800)
• Patina Taupe Market color palette (#E7F7EA, #C3A779, #737F4F, #335576, #1A3224)

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