Patina Amber color palette — #FFF3E7 · #BE8744 · #9D6A2A · #006961 · #3B2423

Mustard takes the lead with Ochre close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Mustard (#BE8744): A luminous, balanced gold — the color of old brass.
• Ochre (#9D6A2A): A full-bodied, balanced gold — the color of old brass.
• Pine (#006961): A full-bodied, balanced teal — the color of shallow lagoons.
• Espresso (#3B2423): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Worn Bronze Pier color palette (#FFF2EC, #CD8071, #897500, #2B5F8A, #3C2418)
• Taupe Alley color palette (#F9F5EA, #A9A76A, #858351, #31777C, #422E2B)
• Dusty Archive color palette (#FEF5D9, #DF97C1, #AD794F, #2A6A90, #55332A)
• Sunlit Coral Alley color palette (#FFF2ED, #D37078, #AB6947, #5F640F, #392737)
• Patina Harbor color palette (#FFEDCD, #977100, #597100, #004F45, #300027)
• Antique Amber Coast color palette (#F3E0D7, #CD7259, #674600, #4C1F00, #1E1615)
• Antique Chestnut Ridge color palette (#FBE9FF, #F0A7B8, #C57C69, #875B00, #3C4000)
• Weathered Fern Workshop color palette (#FBF1FF, #AA5F75, #2C6B26, #004953, #282942)

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