Patina Amber color palette — #FFF1F6 · #D67500 · #403E11 · #230D17 · #030103

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#D67500): A luminous, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#403E11): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#230D17): A deep, shadowed, dusty rose — the color of strawberry cream.
• Black (#030103): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Antique Alley color palette (#DFFFE1, #C08500, #34411A, #061A09, #040003)
• Quiet Chapel color palette (#FFF0FC, #FF3F3B, #4E3712, #1F0E1D, #030105)
• Dusty Amber Canyon color palette (#FDE4CE, #E78500, #7C623C, #5F3700, #190F07)
• Obsidian Bronze color palette (#FCDBE5, #A46700, #232800, #271814, #0B0104)
• Hushed Olive color palette (#C7FBEB, #6C8C00, #003428, #221E27, #000A07)
• Lowlit Chestnut color palette (#DCF5E3, #745D00, #333E32, #031800, #000201)
• Wandering Station color palette (#E6FBF6, #89C16B, #3F5A5E, #212E2C, #0C110E)
• Patina Violet color palette (#FFF5D7, #E5BC2E, #986FEB, #A45BA4, #2A2000)

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