Ember Harbor color palette — #F2D9E1 · #FF8199 · #FD3E15 · #AF5600 · #442900
A conversation between Scarlet and Rose, giving this palette its sense of optimism and warmth.
The five colors
- Shell Pink (#F2D9E1): A whisper-light, dusty rose — the color of a warm blush.
- Rose (#FF8199): A luminous, balanced red — the color of late-summer berries.
- Scarlet (#FD3E15): A luminous, vivid orange — the color of sun-warmed clay.
- Ochre (#AF5600): A full-bodied, balanced gold — the color of honey in a jar.
- Espresso (#442900): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged vibrant, 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 Tangerine color palette (#FAE5E7, #FF9176, #E96E00, #975B00, #3E2D00)
- Gentle Rose Field color palette (#F4E3F0, #FF86B3, #FF4C69, #CF2900, #4E1E00)
- Scarlet Ridge color palette (#FFF1F2, #FF9994, #F82A1B, #912800, #3A1200)
- Sunlit Ember color palette (#FADECC, #FF955F, #00BDC7, #D85E00, #003539)
- Patina Tangerine Loft color palette (#FFE2CF, #FFB27D, #EE7900, #A34800, #2B0E00)
- Antique Chapel color palette (#FFD2CB, #FFA275, #E98D00, #A57B00, #454000)
- Gentle Hollow color palette (#FCDFD9, #FF745A, #00AFBF, #2F8AFE, #440E06)
- Amber Harbor color palette (#C3F1F5, #C4AEFF, #E37600, #693300, #240F00)
Browse the whole catalog at Explore, or see today's palette.