Patina Amber color palette — #F6DCE9 · #AD9000 · #5E2B00 · #2E1100 · #200414

A conversation between Mustard and Cocoa, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F6DCE9): A whisper-light, dusty rose — the color of pressed rose petals.
• Mustard (#AD9000): A luminous, balanced green — the color of fresh herbs.
• Cocoa (#5E2B00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#2E1100): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#200414): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged luxury, dark, muted, 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

• Timeworn Field color palette (#D9EAD8, #B48C00, #523300, #281600, #041404)
• Ancient Market color palette (#F5DBF5, #A09600, #720020, #39000C, #150400)
• Marigold Meadow color palette (#FCDAE7, #E19B00, #864A00, #462400, #1D0711)
• Quiet Mustard Veranda color palette (#F6E0CE, #ECB52A, #BE6300, #773C00, #1B0B00)
• Hushed Amber color palette (#FFECF4, #D56F00, #006449, #6D3600, #001617)
• Bronze Station color palette (#D4EBE4, #A66D00, #1E2C00, #060B00, #000204)
• Chalky Aubergine color palette (#FFDEBD, #9D7600, #1B6F1F, #43006C, #2C2B00)
• Dusty Chestnut color palette (#FCF2F5, #D0BF8E, #7F5323, #4D2E3A, #2E2220)

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