Amber Harbor color palette — #FFEEF5 · #FF9795 · #D67300 · #6F6000 · #020100
A conversation between Mustard and Melon, giving this palette its sense of nature and growth.
The five colors
- Blush (#FFEEF5): A whisper-light, dusty rose — the color of strawberry cream.
- Melon (#FF9795): A luminous, balanced orange — the color of toasted spice.
- Mustard (#D67300): A luminous, balanced gold — the color of old brass.
- Olive (#6F6000): A full-bodied, balanced green — the color of a quiet forest floor.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.
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
- Apricot Meadow color palette (#D7F9D7, #FF906A, #C08700, #5B6C00, #020100)
- Faded Parlor color palette (#FFE5F1, #FF87AD, #F17600, #858700, #0F0700)
- Aged Rose color palette (#FFEFFC, #FF91C7, #FF3F53, #8F5700, #040000)
- Worn Bloom color palette (#FAE0C9, #A67000, #604C00, #2C2600, #040500)
- Amber Ridge color palette (#FFE5D9, #B98400, #5E6315, #003C54, #00031C)
- Powdered Veranda color palette (#F6DBC6, #E44981, #AB4800, #545400, #030100)
- Moss Courtyard color palette (#CFE9D5, #989200, #405600, #471A1E, #000201)
- Tempered Lapis color palette (#D7FAE5, #927E00, #623BE7, #463C00, #010009)
Browse the whole catalog at Explore, or see today's palette.