Stone Harbor color palette — #FBF2F8 · #C4AB77 · #724338 · #492017 · #2B1C27

A conversation between Camel and Coffee, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FBF2F8): a clean, paper-quiet neutral.
• Camel (#C4AB77): A luminous, dusty gold — the color of old brass.
• Coffee (#724338): A full-bodied, dusty orange — the color of autumn markets.
• Espresso (#492017): A deep, shadowed, dusty orange — the color of autumn markets.
• Onyx (#2B1C27): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Timeworn Courtyard color palette (#FEF2EE, #BFCB98, #9F5B59, #613332, #2B1E1A)
• Softworn Stone Balcony color palette (#EEF8EF, #C6AB72, #654D1E, #1C3521, #101E1B)
• Worn Chestnut color palette (#FCF2F7, #D6A186, #6C7632, #954512, #0E2A21)
• Worn Lantern color palette (#FDF3ED, #EDD29A, #CD7C68, #8E512F, #2C1E17)
• Dusty Coast color palette (#F7DCE8, #B88A00, #5C2C00, #2D1200, #0D0700)
• Wandering Bronze color palette (#FBF2F5, #CCDADD, #ACC2C2, #8D6D4B, #4F4448)
• Aged Bronze Station color palette (#FFF0F9, #B36C52, #2D8079, #29577C, #422A3A)
• Softworn Amber color palette (#E4FDE8, #BD8E45, #677032, #265175, #2A4433)

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