Ember Harbor color palette — #F9E4E1 · #D75F0B · #895700 · #4D3C00 · #1D1D00
A conversation between Pumpkin and Ochre, giving this palette its sense of nature and growth.
The five colors
- Rose Water (#F9E4E1): A whisper-light, dusty orange — the color of autumn markets.
- Pumpkin (#D75F0B): A luminous, vivid orange — the color of toasted spice.
- Ochre (#895700): A full-bodied, balanced gold — the color of old brass.
- Deep Olive (#4D3C00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Onyx (#1D1D00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, 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
- Tempered Lagoon color palette (#FBE5D6, #B16800, #754700, #3F2A00, #1A1D00)
- Gentle Amber Harbor color palette (#F3E5D9, #B48400, #756A00, #354200, #042A02)
- Weathered Garden color palette (#F6E5EA, #E25667, #AF3400, #5E3100, #2B1900)
- Ancient Quarry color palette (#F2E8D4, #BD9200, #7A5C00, #403300, #0A0700)
- Feathered Bronze color palette (#F0DFCC, #C8CA90, #6ABA87, #A25337, #2C2700)
- Chalky Cobalt color palette (#F6E1C2, #AD7C00, #007AC1, #6C4C00, #001C32)
- Hushed Sapphire Veranda color palette (#F2E4CC, #956D00, #0C65CC, #324AB9, #191000)
- Quiet Amber color palette (#FFF0EA, #E8A96F, #BA8F3A, #7A6E21, #4B501F)
Browse the whole catalog at Explore, or see today's palette.