Amber Harbor color palette — #FFE5FD · #EEA6A7 · #BB8A55 · #2F7B9C · #1B4E78

A conversation between Caramel and Slate, giving this palette its sense of trust and stability.

The five colors

• Blush (#FFE5FD): A whisper-light, dusty pink — the color of peonies in June.
• Rose Quartz (#EEA6A7): A luminous, balanced red — the color of a theater curtain.
• Caramel (#BB8A55): A luminous, balanced gold — the color of old brass.
• Slate (#2F7B9C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#1B4E78): A full-bodied, balanced blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Balance. Tagged vintage, 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

• Stone Veranda color palette (#FFE6EB, #D7AB92, #7B9D87, #506985, #344A63)
• Hushed Thicket color palette (#EBE9FF, #EAAEDB, #BD8681, #1E8377, #00574E)
• Onyx Quarry color palette (#FBDBDB, #B68667, #736C30, #3C4E71, #0D2453)
• Mustard Villa color palette (#FBECE3, #C5A850, #609C5E, #5B5587, #3B316C)
• Ancient Driftwood color palette (#FFF0F9, #CDDECF, #96B2AE, #7B7E98, #574E61)
• Weathered Azure Drift color palette (#FFF0F8, #FFA778, #00A7E5, #A64900, #00405A)
• Ancient Fern Archive color palette (#FFDCD3, #D29E7F, #997547, #3D662A, #1A5334)
• Pale Apricot Market color palette (#FFE6D3, #FB932E, #7581E5, #0087B7, #4B2500)

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