Amber Harbor color palette — #FFF1F6 · #EBCC8E · #CC7C26 · #98412A · #2C2900

A conversation between Mustard and Burnt Sienna, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Wheat (#EBCC8E): A whisper-light, balanced gold — the color of honey in a jar.
• Mustard (#CC7C26): A luminous, balanced gold — the color of old brass.
• Burnt Sienna (#98412A): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#2C2900): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, 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

• Aged Amber Terrace color palette (#E1FEEA, #CDD890, #AD8F00, #875200, #133005)
• Garnet Lagoon color palette (#FFF0F8, #E3B073, #C25D1A, #94001E, #1F1700)
• Faded Pier color palette (#FFEAD8, #C69320, #9A5500, #6E372A, #3B3708)
• Apricot Terrace color palette (#FFEBD7, #EDBE85, #E08E37, #B96729, #39352F)
• Wandering Coral color palette (#FFF0FE, #FFC2DE, #EA6067, #8E4100, #3C2600)
• Ancient Veranda color palette (#E9FAF1, #BBE8DC, #A2A172, #826632, #1A3836)
• Hushed Cocoa Corridor color palette (#FFE0F1, #A67D4D, #7E3400, #46000A, #020100)
• Weathered Taupe Parlor color palette (#D6ECDD, #95A256, #715E00, #482A00, #010500)

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