Patina Amber color palette — #FFF4E2 · #B38200 · #556A00 · #004681 · #3F3500
A conversation between Mustard and Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Mustard (#B38200): A luminous, balanced gold — the color of old brass.
- Olive (#556A00): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#004681): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Espresso (#3F3500): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro.
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
- Forest Canyon color palette (#F9EDDA, #928923, #086E16, #303974, #32312A)
- Sunlit Amber color palette (#FFF4E2, #D46A1F, #765D00, #004E5F, #4C2E0B)
- Dusty Amber Field color palette (#FFEFDE, #D37600, #3B790C, #37257B, #251A00)
- Ancient Apricot color palette (#FFF3E6, #F08C00, #519939, #4D4699, #423401)
- Gentle Nightshade Lagoon color palette (#FFF4E0, #9A7800, #00685F, #362696, #5C091C)
- Aubergine Summit color palette (#FFF4E2, #6A9E1E, #007157, #55248D, #1A3F1D)
- Pine Chapel color palette (#F7F6E4, #73B57A, #007C59, #6F4525, #3A3B34)
- Quiet Aubergine Workshop color palette (#EAE0D0, #646D00, #004A27, #240665, #0E1A00)
Browse the whole catalog at Explore, or see today's palette.