Ember Harbor color palette — #F8D7E0 · #EA513F · #874600 · #453000 · #242400

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

The five colors

• Shell Pink (#F8D7E0): A whisper-light, dusty rose — the color of pressed rose petals.
• Scarlet (#EA513F): A luminous, vivid orange — the color of sun-warmed clay.
• Bronze (#874600): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#453000): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#242400): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, 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

• Softworn Amber Courtyard color palette (#F6E3DF, #D37800, #725500, #323600, #042B02)
• Faded Villa color palette (#FFD7D4, #C85A00, #5F3E00, #292600, #00180F)
• Amber Harbor color palette (#FFE7E6, #F1957B, #D37500, #8A5D00, #2B2200)
• Softworn Crimson Hollow color palette (#ECDCBC, #DA173C, #664600, #003756, #391B05)
• Quiet Dune color palette (#FADCF6, #ED4E93, #A5251F, #5B2500, #332100)
• Antique Blush Harbor color palette (#F2DAE9, #F37A89, #B75500, #584500, #1C2900)
• Feathered Ember Ridge color palette (#FFF2E8, #FF72A7, #EB5A00, #6F7200, #341900)
• Softworn Drift color palette (#F8ECE7, #DCC8B9, #AE9E87, #823C3C, #382A25)

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