Ember Harbor color palette — #FFD6DD · #FFA59F · #D26F5B · #965C3D · #5D3C21

A conversation between Coral Clay and Rose Quartz, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#FFD6DD): A whisper-light, dusty red — the color of a theater curtain.
• Rose Quartz (#FFA59F): A luminous, balanced orange — the color of sun-warmed clay.
• Coral Clay (#D26F5B): A luminous, balanced orange — the color of autumn markets.
• Walnut (#965C3D): A full-bodied, balanced orange — the color of sun-warmed clay.
• Cocoa (#5D3C21): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

One click turns Ember 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 Blush Basin color palette (#FFE7F1, #FC91AF, #D9727D, #97534C, #524B47)
• Powdered Apricot Pier color palette (#FFD9CC, #FF9F61, #C87B25, #8F682B, #4A4640)
• Gentle Rust color palette (#FFF0FD, #FFBEB5, #EA896F, #B24A1F, #59321B)
• Weathered Turquoise color palette (#FFF2EB, #F79D7C, #15B7D9, #B06C53, #294B38)
• Frosted Tangerine color palette (#FFDFD9, #FD671F, #B66300, #774C00, #473300)
• Antique Cocoa color palette (#FFF2EA, #DEDCCC, #B8CFA6, #B98581, #704300)
• Hushed Villa color palette (#FDD8D7, #D62F00, #8A3900, #492200, #1C0D00)
• Bronze Studio color palette (#FCF5DD, #B5C598, #939455, #84631C, #3F4100)

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