Amber Harbor color palette — #FFF2EC · #FFB562 · #B69C00 · #5A6C00 · #003A0C
Built around Mustard, softened by Cantaloupe — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Cantaloupe (#FFB562): A whisper-light, balanced gold — the color of old brass.
- Mustard (#B69C00): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#5A6C00): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#003A0C): A deep, shadowed, balanced 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
- Honey Pier color palette (#FFF3E6, #EAC114, #8D9900, #317A00, #003C22)
- Weathered Amber color palette (#FFF1F2, #FFBDA2, #E18300, #7F5F00, #343C00)
- Wandering Mustard color palette (#F9E1C9, #EDB230, #C3A000, #828100, #3B4700)
- Muted Courtyard color palette (#F5E1C1, #A69300, #4B7000, #00491D, #001412)
- Misty Orchard color palette (#FFE9D6, #D89E09, #828500, #375700, #00240F)
- Amber Hollow color palette (#FFF4DC, #BFDD8F, #A4923C, #89500B, #003117)
- Feathered Loft color palette (#FFF5D9, #D1D883, #7EBC73, #237F58, #00504E)
- Moss Veranda color palette (#F2FDB7, #D1ED81, #8E9C00, #525C00, #151B00)
Browse the whole catalog at Explore, or see today's palette.