Patina Amber color palette — #FEF1F7 · #CF8B6D · #8E844C · #2B7371 · #363445

A conversation between Camel and Mocha, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FEF1F7): bright and airy, almost weightless.
• Camel (#CF8B6D): A luminous, balanced orange — the color of autumn markets.
• Mocha (#8E844C): A luminous, dusty green — the color of new leaves after rain.
• Teal (#2B7371): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#363445): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, 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

• Muted Emerald color palette (#ECF9EF, #C1A56A, #6F955B, #436B96, #3A2D3D)
• Timeworn Stone Thicket color palette (#EAFAEF, #EEA8AE, #AE8B61, #517290, #53414E)
• Hushed Amber color palette (#FEECF5, #D0875F, #4B5E4F, #41333A, #261F25)
• Timeworn Moss Cabin color palette (#FFF2EF, #EA96A7, #7C9A4E, #2C7095, #352422)
• Dusty Nightshade color palette (#EBFAEC, #B48000, #00805F, #3A4C9E, #2B1726)
• Bronze Ridge color palette (#FFF1F5, #F1BAB8, #C89479, #8B6D30, #4C4900)
• Faded Archive color palette (#FDE0EA, #A76100, #00714E, #004F5E, #260820)
• Patina Denim color palette (#FCF2F5, #8D74A8, #167872, #005A77, #412F3D)

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