Patina Amber color palette — #FEF2EC · #C36F54 · #227C69 · #294C71 · #3D2B2C

Built around Caramel, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Ivory (#FEF2EC): bright and airy, almost weightless.
• Caramel (#C36F54): A luminous, balanced orange — the color of sun-warmed clay.
• Teal (#227C69): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#294C71): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Espresso (#3D2B2C): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Trust, Stability, 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

• Aged Amber color palette (#FCF3EB, #C28B4F, #427F61, #395578, #593838)
• Peony Field color palette (#FFF1F0, #C46E90, #546F3E, #0F575B, #3C2F36)
• Hushed Hollow color palette (#FBF4E9, #AA7F13, #2C738E, #57476C, #38302D)
• Wandering Grove color palette (#F9F0E5, #A47B3E, #547645, #0A5164, #271212)
• Tempered Navy Hollow color palette (#FFF3E8, #945300, #005B62, #292E7D, #381512)
• Hushed Apricot color palette (#FEF4E3, #D79864, #817844, #396452, #633F00)
• Washed Bronze color palette (#FBF4EE, #DCDBD1, #9EB1AB, #AB7344, #57514D)
• Timeworn Orchard color palette (#F6F3FC, #E4A8CF, #63B0C8, #6B8CC9, #363646)

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