Amber Harbor color palette — #F3D8E8 · #BA7500 · #7B2C00 · #290A00 · #060003

Mustard and Rust set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#F3D8E8): A whisper-light, dusty pink — the color of peonies in June.
• Mustard (#BA7500): A luminous, balanced gold — the color of afternoon light on wheat.
• Rust (#7B2C00): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#290A00): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#060003): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged luxury, dark, 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

• Muted Thicket color palette (#DBE9D9, #AF7C00, #663F00, #211100, #000300)
• Wandering Bronze color palette (#EED7DF, #E7AC4B, #AE6400, #683D0E, #16050C)
• Sunlit Mulberry color palette (#ECE0F1, #CD660C, #870046, #2E0014, #040006)
• Amber Lagoon color palette (#EFD9E0, #C57400, #726400, #7F4900, #000201)
• Cellar Summit color palette (#F0E0EB, #837600, #560700, #25110C, #130100)
• Quiet Pier color palette (#FFF0F7, #FFC26E, #D86B00, #814D2A, #26141D)
• Weathered Bronze color palette (#F8EACE, #967C00, #6A6200, #393F00, #030600)
• Muted Marigold color palette (#DDECDE, #CF9C23, #866000, #4B3400, #000401)

Browse the whole catalog at Explore, or see today's palette.