Amber Harbor color palette — #FDF3E8 · #F7CC95 · #8ABFFA · #BB7A00 · #133A61
Mustard takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#FDF3E8): a clean, paper-quiet neutral.
- Wheat (#F7CC95): A whisper-light, balanced gold — the color of afternoon light on wheat.
- Sky (#8ABFFA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Mustard (#BB7A00): A luminous, balanced gold — the color of old brass.
- Navy (#133A61): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Trust, Stability, Optimism, Balance. Tagged light.
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
- Moss Coast color palette (#F9F6E5, #D1DC98, #A1B7FF, #879300, #293562)
- Misty Ember color palette (#FFF2EA, #FFC5AD, #48CEEC, #E05906, #00404C)
- Dusty Amber color palette (#E9FBE8, #D48F1C, #4B8DD0, #8A5A00, #274463)
- Timeworn Study color palette (#FFF3E6, #EDDBB5, #C19464, #93594C, #33322B)
- Aged Azure Harbor color palette (#FFF4DB, #CCBC63, #64B4E3, #0B9DDB, #35290C)
- Frosted Sapphire color palette (#EAE0CD, #977B00, #0067BD, #493A00, #000104)
- Cornflower Studio color palette (#FFF5D7, #D0C628, #4F88EF, #746E00, #001752)
- Wisteria Balcony color palette (#FAF7D9, #C8E47C, #CE86F4, #698100, #450B5D)
Browse the whole catalog at Explore, or see today's palette.