Hazy Amber Harbor color palette — #FAF2FE · #F998BD · #CA6C46 · #725800 · #242847

Built around Coral Clay, softened by Ballet Pink — the whole palette hums with optimism and balance.

The five colors

• Ivory (#FAF2FE): a clean, paper-quiet neutral.
• Ballet Pink (#F998BD): A luminous, balanced rose — the color of pressed rose petals.
• Coral Clay (#CA6C46): A luminous, balanced orange — the color of autumn markets.
• Coffee (#725800): A full-bodied, balanced gold — the color of honey in a jar.
• Midnight (#242847): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Hazy 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

• Ember Garden color palette (#F8F2FF, #EF9CCF, #D36256, #7D5100, #272F00)
• Amber Terrace color palette (#FDF1FC, #F79F9C, #C07700, #5C6100, #00351E)
• Taupe Coast color palette (#FBF2FA, #FFB6B0, #BD9157, #647237, #3C324F)
• Peony Harbor color palette (#F3F4FF, #CFA4FD, #C7648E, #914118, #142B4B)
• Antique Bronze color palette (#FDF1F8, #F8A27C, #A18825, #306B2F, #431C2D)
• Aged Lilac color palette (#FFECEF, #AD77B0, #8D5525, #104E27, #002038)
• Dusty Harbor color palette (#FFF1F6, #FFCAD9, #EF7591, #A6555E, #563A54)
• Rose Atelier color palette (#FDF0FF, #FF4F7E, #9C5700, #404300, #240025)

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