Ember Harbor color palette — #F7DDE4 · #FFA7AE · #FF6D67 · #DE4800 · #693200
A conversation between Pumpkin and Watermelon, giving this palette its sense of optimism and warmth.
The five colors
- Shell Pink (#F7DDE4): A whisper-light, dusty rose — the color of pressed rose petals.
- Ballet Pink (#FFA7AE): A luminous, balanced red — the color of embers at dusk.
- Watermelon (#FF6D67): A luminous, vivid orange — the color of toasted spice.
- Pumpkin (#DE4800): A luminous, vivid orange — the color of sun-warmed clay.
- Bronze (#693200): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
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
- Feathered Tangerine Villa color palette (#FDE2E3, #FFA99B, #FE7931, #BB6200, #553200)
- Crimson Orchard color palette (#EFDEE9, #FF97C1, #FF6386, #E30031, #6D200B)
- Rose Atelier color palette (#FFF0FC, #FFB6CC, #FF4E4B, #A24A00, #4D2E00)
- Crimson Summit color palette (#FFCFF8, #F082B0, #EB2D4C, #964900, #5D3A00)
- Washed Ridge color palette (#F3DFDB, #E07438, #AB5D00, #774C00, #291D00)
- Washed Ember Studio color palette (#FFF2EC, #FFAD9C, #27D8F5, #F2472B, #00434D)
- Blush Basin color palette (#FFF2EB, #F1DE90, #E1DAC7, #F68494, #5C3720)
- Amber Orchard color palette (#FFE8DE, #F8BE96, #E09A46, #B48100, #574A0F)
Browse the whole catalog at Explore, or see today's palette.