Amber Harbor color palette — #FFF2EC · #AC9736 · #007C64 · #623E68 · #3E3D36
A conversation between Mustard and Teal, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Mustard (#AC9736): A luminous, balanced green — the color of new leaves after rain.
- Teal (#007C64): A full-bodied, balanced teal — the color of shallow lagoons.
- Mulberry (#623E68): A full-bodied, balanced pink — the color of a candy shop window.
- Charcoal (#3E3D36): a grounded near-black with real depth.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged retro, 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
- Muted Corridor color palette (#FFF3E9, #C3885D, #487914, #544178, #413C36)
- Wandering Moss color palette (#E4F8E8, #95A732, #387A57, #454167, #072923)
- Timeworn Balcony color palette (#FFF2EF, #6AA96C, #007690, #763743, #36422C)
- Lime Market color palette (#FFF4E2, #AABC54, #48996E, #615B91, #3E3E37)
- Petrol Workshop color palette (#FCF4EB, #B27C2E, #1D66A6, #762942, #562634)
- Muted Chestnut color palette (#FBF4EC, #B9B08B, #508153, #7A4F0B, #504100)
- Garnet Cabin color palette (#FFDADD, #788600, #005F5E, #660048, #003309)
- Feathered Lime Terrace color palette (#F6F7E7, #FFCA8F, #8FC33C, #00A6B5, #41433C)
Browse the whole catalog at Explore, or see today's palette.