Patina Amber Harbor color palette — #FFF3E3 · #D08155 · #726D00 · #40497C · #413C36

Coral Clay and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Coral Clay (#D08155): A luminous, balanced orange — the color of toasted spice.
• Olive (#726D00): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#40497C): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#413C36): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged retro, muted.

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

• Muted Olive Chapel color palette (#FEF3E8, #C2A369, #538647, #654E7A, #4A4840)
• Sunlit Amber Harbor color palette (#FFF2EB, #C26F54, #00755A, #523778, #482B4E)
• Feathered Bronze color palette (#FCF5E3, #D07898, #A05100, #005577, #51352C)
• Ancient Station color palette (#E3F8E8, #C59140, #7C6A00, #145240, #16271A)
• Hushed Marigold Delta color palette (#FFF4E1, #E5A23C, #9A8526, #3C6F5C, #413C36)
• Bronze Market color palette (#EBE3D8, #916900, #34322B, #271D0E, #0F0D07)
• Hazy Aubergine color palette (#FFDFB8, #AA6E00, #3C5E00, #43068A, #322800)
• Aubergine Pier color palette (#FFF3E8, #9A8F00, #00724D, #740072, #2C3C0D)

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