Patina Amber Harbor color palette — #FFE0CD · #BB7900 · #785D00 · #423F00 · #213000

Mustard takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#FFE0CD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#BB7900): A luminous, balanced gold — the color of old brass.
• Olive (#785D00): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#423F00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Forest (#213000): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Patina Amber Harbor 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

• Chalky Amber color palette (#ECE0D4, #C6972D, #756500, #474F00, #004130)
• Frosted Cabin color palette (#FAE7E6, #DF6938, #854500, #553A00, #362E00)
• Chestnut Harbor color palette (#F7EEDD, #868E4F, #675400, #502E00, #262600)
• Ancient Olive color palette (#E7E2CD, #6B7800, #2A4600, #00250F, #001012)
• Worn Lapis color palette (#ECDDBC, #947D00, #5858CC, #564800, #201C60)
• Ancient Moss Coast color palette (#EDEAC8, #8B9C0F, #246C00, #004D25, #00372E)
• Airy Aubergine Grove color palette (#EFF0CF, #717000, #4654AD, #572BA1, #212100)
• Misty Teal Pier color palette (#FBEDCD, #C2DAA8, #33B49B, #824500, #2E3402)

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