Ember Harbor color palette — #D6F2DD · #AF9300 · #ED3A02 · #280401 · #070100

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

The five colors

• Honeydew (#D6F2DD): A whisper-light, dusty teal — the color of sea glass.
• Mustard (#AF9300): A luminous, balanced green — the color of fresh herbs.
• Scarlet (#ED3A02): A luminous, vivid orange — the color of sun-warmed clay.
• Ink (#280401): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#070100): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Energy, Balance. Tagged neon, dark, 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

• Chalky Summit color palette (#E4DFF3, #C58600, #F4165A, #260208, #070100)
• Dusty Tangerine Quarry color palette (#D6F0E3, #A1B400, #F06B00, #2B1200, #110804)
• Patina Meadow color palette (#ECDCD5, #C27B2A, #6E0900, #2A0100, #050100)
• Frosted Thicket color palette (#FADDF2, #818600, #BB4800, #130900, #030100)
• Worn Garden color palette (#F1EFCE, #F55C15, #E800A7, #250419, #0E0102)
• Quiet Lantern color palette (#F9DEE2, #5DB600, #B68300, #1F1300, #090400)
• Amber Courtyard color palette (#EEE2D9, #C67741, #625500, #6F3400, #030200)
• Ancient Hollow color palette (#ECDCCA, #AC7E00, #675100, #353000, #0F0F00)

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