Amber Harbor color palette — #F8F3FC · #E7D6DE · #FFBCD8 · #D27962 · #503B56

Built around Coral Clay, softened by Carnation — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#F8F3FC): a clean, paper-quiet neutral.
• Silver (#E7D6DE): A whisper-light, dusty rose — the color of a warm blush.
• Carnation (#FFBCD8): A whisper-light, balanced rose — the color of a warm blush.
• Coral Clay (#D27962): A luminous, balanced orange — the color of sun-warmed clay.
• Charcoal (#503B56): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Sophistication, Softness, Clarity. Tagged candy, vibrant, light, 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

• Amber Quarry color palette (#F6EEFB, #DED6E2, #FFBCD1, #CC925F, #372638)
• Antique Amber Delta color palette (#FEF1F9, #EDD5CC, #FFB99A, #B48D44, #5B3D4A)
• Airy Chestnut Summit color palette (#FAE5FF, #E3A8AD, #BC6E66, #984C32, #684255)
• Blush Grove color palette (#F3F4FF, #DDD6ED, #D6B9FF, #D675A7, #484464)
• Tempered Bloom color palette (#FFF0FA, #FDA5C0, #ED7F56, #A47400, #522700)
• Aged Cypress Canyon color palette (#F9F2FF, #CEBACC, #A08794, #467A7E, #41555C)
• Feathered Ember color palette (#FBDEE7, #E2654A, #996500, #494800, #120A00)
• Antique Driftwood color palette (#F8EEFB, #A36A7A, #483545, #2E2432, #191418)

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