Amber Harbor color palette — #F9ECE2 · #BC8200 · #746100 · #2F3800 · #071500
Mustard takes the lead with Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F9ECE2): a clean, paper-quiet neutral.
- Mustard (#BC8200): A luminous, balanced gold — the color of old brass.
- Olive (#746100): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#2F3800): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#071500): 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 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
- Sunlit Amber color palette (#F6E3DD, #C68300, #6D5800, #304200, #003213)
- Ember Boulevard color palette (#FCECE8, #E66200, #834F00, #483300, #131100)
- Moss Meadow color palette (#EAE2C4, #929D00, #436900, #003B1A, #00170F)
- Antique Drift color palette (#E8DDC8, #AA7200, #515800, #003456, #181100)
- Softworn Quarry color palette (#FFF2EF, #FFAE61, #988000, #235400, #00231B)
- Aged Coast color palette (#FFF0D8, #FF9F50, #B79700, #568700, #171600)
- Worn Chestnut color palette (#FDEFE0, #E1D2B9, #B8AB81, #804E00, #261604)
- Faded Moss Coast color palette (#FEE165, #A6A600, #4F7A00, #004E27, #002219)
Browse the whole catalog at Explore, or see today's palette.