Pale Harbor color palette — #F8DCDB · #F1655E · #C92A14 · #792500 · #451900

Built around Brick, softened by Watermelon — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#F8DCDB): A whisper-light, dusty orange — the color of toasted spice.
• Watermelon (#F1655E): A luminous, vivid orange — the color of toasted spice.
• Brick (#C92A14): A full-bodied, vivid orange — the color of sun-warmed clay.
• Rust (#792500): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#451900): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged warm.

Use it as a design system

One click turns Pale 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

• Sunlit Crimson color palette (#FFE1E8, #F76F8E, #CA3251, #890019, #4C0201)
• Dusty Balcony color palette (#FCD8E6, #ED717D, #DE0D18, #813C00, #573600)
• Aged Study color palette (#FCE1DD, #D75E3E, #9A3800, #502200, #250E00)
• Ember Summit color palette (#FFF1F6, #FFAAB6, #F65732, #9B4700, #563200)
• Muted Summit color palette (#FFEEE3, #F9995C, #B05500, #562800, #1E0A00)
• Worn Violet color palette (#FFEBF8, #E27550, #9366D8, #9D3100, #2B0550)
• Quiet Amber color palette (#F4DABE, #D58F00, #916500, #5A4500, #292100)
• Patina Ember Garden color palette (#FFDCCE, #D55400, #7A7A00, #9C2A84, #2D0C00)

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