Amber Harbor color palette — #F4D6E6 · #BB721B · #7C3600 · #450300 · #020100

Ochre takes the lead with Rust close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#F4D6E6): A whisper-light, dusty pink — the color of peonies in June.
• Ochre (#BB721B): A luminous, balanced gold — the color of honey in a jar.
• Rust (#7C3600): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#450300): A deep, shadowed, balanced orange — the color of toasted spice.
• Black (#020100): quiet, heavy and certain.

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

• Misty Terrace color palette (#FFD9EE, #CD884A, #9B4000, #620305, #000600)
• Wandering Bronze Harbor color palette (#DAF0DC, #9C8515, #654700, #341A00, #010100)
• Washed Alley color palette (#FAEBE4, #995302, #5B2700, #350D00, #140800)
• Timeworn Amber Terrace color palette (#F9EAE3, #C27F00, #A95126, #763441, #0E0B00)
• Wandering Marigold Grove color palette (#FFF1F6, #F4AA29, #B86600, #832E00, #201700)
• Ancient Olive color palette (#DEFEED, #ACBB77, #827900, #594200, #001713)
• Soft Pier color palette (#FFE8FC, #DB4098, #9C0039, #460101, #030100)
• Washed Studio color palette (#E9E7FA, #BA63D7, #842C00, #5D0075, #040000)

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