Patina Amber color palette — #F9DFD6 · #DD7212 · #845200 · #422C00 · #110C00

Built around Tangerine, softened by Coffee — the whole palette hums with optimism and balance.

The five colors

• Shell Pink (#F9DFD6): A whisper-light, dusty orange — the color of sun-warmed clay.
• Tangerine (#DD7212): A luminous, vivid gold — the color of old brass.
• Coffee (#845200): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#422C00): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#110C00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Balance. Tagged warm.

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

• Pale Amber Harbor color palette (#F2DFC6, #B68A00, #6E5D00, #363A00, #0C1500)
• Tempered Bronze Studio color palette (#F2DCD4, #BD6000, #6B4000, #3A2700, #141A01)
• Sunlit Ember color palette (#FFE6E5, #F9611D, #A46700, #735C00, #1C1D00)
• Airy Brick color palette (#F7D4DA, #E7615C, #B03400, #5D2700, #100500)
• Frosted Cobalt color palette (#FDEBD5, #D39022, #0071BA, #6A4500, #000814)
• Washed Station color palette (#FFF4D4, #CFA941, #755D00, #322600, #020100)
• Sunlit Bronze color palette (#FFF3E3, #EBE396, #8ACA74, #A75200, #130E00)
• Mustard Alley color palette (#FFE3C2, #DEA800, #897D00, #4F5200, #1D2F00)

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