Patina Coast color palette — #FFF2EE · #DAA094 · #B16F48 · #8C5A17 · #56524B

Ochre and Mocha set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Rosewood Mist (#DAA094): A luminous, dusty orange — the color of sun-warmed clay.
• Mocha (#B16F48): A luminous, balanced gold — the color of old brass.
• Ochre (#8C5A17): A full-bodied, balanced gold — the color of old brass.
• Charcoal Brown (#56524B): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

Use it as a design system

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

• Softworn Amber color palette (#FFF0E9, #FDB89F, #DB8252, #9C6642, #554F4A)
• Hushed Olive color palette (#FFF3E8, #CCAE85, #9C883B, #686B16, #4E4E47)
• Weathered Atelier color palette (#FFF1F4, #CD9DBF, #B46C80, #984D4D, #574F4B)
• Hushed Bronze Meadow color palette (#FFF3E5, #E6C8A3, #A67442, #6C4600, #4F3206)
• Dusty Apricot color palette (#FFD3C9, #EF8642, #A06100, #6B5100, #464800)
• Ancient Bronze color palette (#F5E4D9, #BB8B46, #886C00, #494E00, #003F23)
• Cobalt Grove color palette (#FFF3E4, #B39262, #2999AE, #4F74BC, #46423B)
• Muted Thicket color palette (#F9DDB9, #B9AC6C, #7C8208, #346B00, #264F2E)

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