Amber Harbor color palette — #E0F2EA · #BF6B00 · #625F00 · #00422F · #040700
Ochre and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#E0F2EA): A whisper-light, dusty teal — the color of glacier melt.
- Ochre (#BF6B00): A luminous, balanced gold — the color of old brass.
- Olive (#625F00): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#00422F): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#040700): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light, muted.
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
- Pine Harbor color palette (#DDF2ED, #9F7700, #107515, #003F47, #000502)
- Dusty Grove color palette (#CBE7D8, #DA3B00, #606400, #004D47, #010100)
- Powdered Raspberry Delta color palette (#F5DDCA, #EC0471, #915800, #333E00, #040200)
- Faded Ember color palette (#EADEC1, #F75B2E, #8B7800, #006463, #030700)
- Moss Dune color palette (#CDF1E8, #7E9400, #007C60, #004C66, #000C0C)
- Fern Workshop color palette (#F8E3CA, #566B32, #004D3A, #3A0E31, #22041C)
- Airy Pine color palette (#D2EDEC, #AD9700, #009152, #006575, #001E15)
- Shadow Forest color palette (#D3EDE7, #006F4B, #003330, #310300, #000808)
Browse the whole catalog at Explore, or see today's palette.