Amber Harbor color palette — #FFF3E6 · #F2BE60 · #AB8800 · #5E5300 · #212200

Built around Mustard, softened by Honey — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Honey (#F2BE60): A whisper-light, balanced gold — the color of old brass.
• Mustard (#AB8800): A luminous, balanced green — the color of a quiet forest floor.
• Deep Olive (#5E5300): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#212200): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

One click turns 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

• Amber Garden color palette (#FFF2EE, #FFC09F, #D67400, #7C4E00, #2A1C00)
• Patina Mustard Ridge color palette (#E6FCEC, #E1AD4E, #8E7F00, #005F4C, #0A2815)
• Pale Veranda color palette (#FFF7C2, #CAD16F, #7D9F1E, #335D00, #043003)
• Moss Veranda color palette (#F0EFDA, #868D00, #415900, #112800, #000200)
• Powdered Marigold Balcony color palette (#FFD7CE, #FCAC62, #B99B34, #737A00, #003B0F)
• Feathered Terrace color palette (#EADDC7, #BB9500, #746A00, #333500, #030500)
• Wandering Archive color palette (#E8FBEE, #C5A300, #0E8F28, #005556, #301100)
• Gentle Amber Courtyard color palette (#FFDADE, #D2825C, #876600, #374A00, #003B21)

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