Ember Harbor color palette — #F9DAEA · #FF7E8E · #FD4925 · #9E6000 · #423400

Built around Scarlet, softened by Rose — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F9DAEA): A whisper-light, dusty rose — the color of pressed rose petals.
• Rose (#FF7E8E): A luminous, balanced red — the color of a theater curtain.
• Scarlet (#FD4925): A luminous, vivid orange — the color of toasted spice.
• Ochre (#9E6000): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#423400): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Energy. Tagged vibrant, 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

• Amber Study color palette (#F4DDDF, #FF8A6D, #D47000, #9D6900, #353000)
• Powdered Scarlet Atelier color palette (#FED7DA, #FF6663, #D43600, #813D00, #492700)
• Ember Study color palette (#FDD5BD, #F0A647, #F35D10, #B74161, #302900)
• Amber Chapel color palette (#FFE1C8, #FFB16E, #E97B00, #9C4E00, #2E1400)
• Linen Quarry color palette (#FFE5E8, #DE2B01, #904C00, #544000, #0B0A00)
• Peony Ridge color palette (#ECD7F4, #FF7BE0, #FF2A83, #DA1001, #472500)
• Quiet Apricot color palette (#EBDFFA, #65BFFF, #FF875F, #773621, #261003)
• Hazy Rust color palette (#FFDCCB, #FFB3A1, #26B4F9, #D03100, #00324A)

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