Ember Harbor color palette — #FFF2F0 · #FFBEB1 · #F8611B · #A64800 · #4F2500

Pumpkin and Burnt Sienna set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Rose Quartz (#FFBEB1): A whisper-light, dusty orange — the color of sun-warmed clay.
• Pumpkin (#F8611B): A luminous, vivid orange — the color of autumn markets.
• Burnt Sienna (#A64800): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#4F2500): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Energy, 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 Harbor color palette (#FFF1F3, #FFA9AE, #FF4B54, #AF0E09, #5B200E)
• Gentle Coral Pier color palette (#F0DEDF, #F77366, #B23A00, #733400, #361D00)
• Weathered Tangerine color palette (#FFD3DD, #FFA29C, #FF7333, #BA6200, #573A00)
• Amber Corridor color palette (#FFF2EC, #FFA362, #D87900, #855100, #392300)
• Ancient Parlor color palette (#FFF3E9, #FFB484, #00D15D, #C05F00, #003914)
• Amber Boulevard color palette (#FFF3E6, #FFD188, #C99200, #816800, #47443E)
• Muted Amber color palette (#FFF3E8, #DBF2B7, #DDDCCA, #DC7942, #45403A)
• Bronze Coast color palette (#F2E2C5, #A67E00, #645400, #2A2500, #060500)

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