Ember Harbor color palette — #ECDAE0 · #FC5142 · #B76800 · #685900 · #1E1000

Scarlet and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#ECDAE0): A whisper-light, dusty rose — the color of a warm blush.
• Scarlet (#FC5142): A luminous, vivid orange — the color of sun-warmed clay.
• Ochre (#B76800): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Olive (#685900): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#1E1000): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged candy, vibrant, light.

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

• Faded Blush Summit color palette (#F9DBEF, #FF6D93, #CD5500, #6E5400, #250D00)
• Faded Amber color palette (#DCE9DD, #E66B00, #896300, #3B5100, #100B00)
• Softworn Peony Lantern color palette (#FDD9E6, #FF3D90, #B46700, #046D18, #070400)
• Amber Meadow color palette (#D6F8E1, #E28500, #9A8300, #3D6300, #1E1B00)
• Aged Crimson color palette (#EDDAED, #E269CB, #E7005C, #8C4800, #370504)
• Bronze Coast color palette (#D5EDE4, #A87300, #5C6200, #004926, #010300)
• Feathered Harbor color palette (#FBE0C5, #987000, #605100, #333100, #00230E)
• Emerald Atelier color palette (#FFEBD9, #FF89B7, #E38000, #2F911B, #1B1600)

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