Amber Harbor color palette — #E1F9E9 · #A78D00 · #00653B · #544600 · #001709
A conversation between Mustard and Pine, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#E1F9E9): A whisper-light, dusty teal — the color of shallow lagoons.
- Mustard (#A78D00): A luminous, balanced green — the color of new leaves after rain.
- Pine (#00653B): A full-bodied, balanced teal — the color of sea glass.
- Deep Olive (#544600): A deep, shadowed, balanced green — the color of fresh herbs.
- Ink (#001709): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance. Tagged duotone.
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
- Frosted Lagoon color palette (#FFECF3, #CA7700, #1D6600, #673A00, #031700)
- Moss Field color palette (#DEF9F1, #70A000, #00625D, #365000, #00151A)
- Aged Moss color palette (#E4E7C7, #70A000, #006E28, #004534, #002F2B)
- Aubergine Harbor color palette (#F9E2B3, #6B8A00, #006244, #43058A, #0C3200)
- Weathered Marigold color palette (#FEF0DA, #D5A200, #008C6E, #846300, #00160F)
- Obsidian Fern color palette (#D6EDE5, #566200, #002F32, #1B2000, #000203)
- Aubergine Terrace color palette (#D6FFE9, #5F5C00, #004B73, #4B0055, #2D0E00)
- Antique Fern Drift color palette (#E7FAF3, #B0DED5, #7FB1B0, #566100, #1A3A30)
Browse the whole catalog at Explore, or see today's palette.