Amber Harbor color palette — #FFF2EE · #FFBBBF · #CB6C3D · #B0575F · #0D0300

Coral Clay takes the lead with Brick close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Ballet Pink (#FFBBBF): A whisper-light, dusty red — the color of late-summer berries.
• Coral Clay (#CB6C3D): A luminous, balanced orange — the color of toasted spice.
• Brick (#B0575F): A full-bodied, balanced red — the color of late-summer berries.
• Ink (#0D0300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Airy Rose color palette (#FFF1F1, #FFB6E0, #D26168, #AC518A, #100200)
• Sunlit Amber Dune color palette (#FDF3EC, #FFC09C, #A88500, #AE5E2A, #090500)
• Hushed Amber color palette (#FFF2EE, #FFBD99, #C17635, #7D4D00, #2A1B00)
• Sunlit Amber color palette (#FFF2EF, #FEB2C1, #DA902B, #DB6E89, #251400)
• Amber Quarry color palette (#F9E6D8, #D86B00, #5D4B00, #5F2B00, #020100)
• Washed Bronze Courtyard color palette (#EBE2D5, #9E7100, #3D3F00, #3A2700, #020100)
• Rose Studio color palette (#FFF2EE, #ED4E70, #826200, #4B3E81, #1B0406)
• Muted Coral Loft color palette (#FFF2EC, #FC7059, #825500, #920F00, #020100)

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