Patina Stone Harbor color palette — #FCF3EF · #DEDAD0 · #AFB5A6 · #58514D · #463E38

Ash and Charcoal set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Bone (#DEDAD0): a clean, paper-quiet neutral.
• Ash (#AFB5A6): A luminous, dusty green — the color of new leaves after rain.
• Charcoal Brown (#58514D): quiet, heavy and certain.
• Charcoal (#463E38): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Patina 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

• Driftwood Lantern color palette (#F7F0ED, #D9D7CF, #A8B1AA, #A8736F, #3C3431)
• Patina Cocoa Grove color palette (#FBF4E9, #ECDCB8, #B8B988, #AA9687, #614900)
• Weathered Courtyard color palette (#FFF2EA, #FFB28C, #B4AB71, #9879A5, #5C372F)
• Weathered Moss Grove color palette (#F7F6E8, #CCE5C6, #B1CBB2, #8AA445, #34332C)
• Apricot Basin color palette (#FBEFE5, #F2A25D, #9E7136, #5B534B, #25211D)
• Wandering Quarry color palette (#F2E4DB, #AAA186, #8E896F, #9A481D, #120601)
• Timeworn Veranda color palette (#EBE3D7, #BDC3AD, #A1AA94, #9E7B00, #241E14)
• Dusty Teal color palette (#F8F5ED, #D9DFD0, #A5BAAF, #73AB90, #4B473E)

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