Ember Harbor color palette — #FFF0FB · #FF412B · #61290C · #24091F · #030103

Scarlet and Rust set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
• Scarlet (#FF412B): A luminous, vivid orange — the color of sun-warmed clay.
• Rust (#61290C): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#24091F): A deep, shadowed, dusty pink — the color of neon signs at night.
• Black (#030103): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged noir, dark, luxury, vibrant.

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 Workshop color palette (#FFF0F7, #D26800, #4D2C00, #1A0912, #020102)
• Powdered Peony color palette (#FBF1FF, #F2448E, #65202D, #1D0E23, #020104)
• Coral Studio color palette (#FEE7FA, #FF6A5D, #885C31, #4F394C, #150F18)
• Brick Coast color palette (#FBE5F7, #C40418, #3C2500, #250E23, #0F050C)
• Muted Amber Ridge color palette (#ECFAEC, #D38E00, #304E39, #142314, #080406)
• Clover Delta color palette (#FFF4DC, #D8A600, #00BC63, #D85259, #2C1F00)
• Deep Chestnut color palette (#FDD6E4, #8A4F00, #3F4100, #1C1000, #040001)
• Tempered Bronze color palette (#D4F9E2, #937D00, #2D2E00, #1A2128, #0A0700)

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