Pale Harbor color palette — #F5D3E3 · #966D2E · #6C3300 · #520103 · #1B1600
Built around Espresso, softened by Bronze — the whole palette hums with optimism and warmth.
The five colors
- Shell Pink (#F5D3E3): A whisper-light, dusty rose — the color of a warm blush.
- Walnut (#966D2E): A full-bodied, balanced gold — the color of old brass.
- Bronze (#6C3300): A deep, shadowed, balanced gold — the color of honey in a jar.
- Espresso (#520103): A deep, shadowed, balanced orange — the color of toasted spice.
- Ink (#1B1600): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, 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
- Bronze Loft color palette (#F8EBE0, #A06010, #683400, #3D1500, #0A0400)
- Frosted Cabin color palette (#F0D6E1, #BE7B30, #914B00, #652800, #211200)
- Cocoa Parlor color palette (#E2F3E6, #7A7945, #584100, #3E1F00, #0E1A00)
- Misty Corridor color palette (#C5E9CD, #939244, #725600, #5A3000, #1C3000)
- Wandering Garnet color palette (#FFE7F3, #BB9566, #9E521F, #831E21, #403408)
- Cocoa Lantern color palette (#FFF1F6, #8DB296, #8D6B49, #7D3D27, #254537)
- Wandering Bronze color palette (#DDEEFF, #B65F33, #002946, #1E1723, #000A16)
- Garnet Harbor color palette (#DAE7F4, #005393, #81001C, #2B2A00, #000E20)
Browse the whole catalog at Explore, or see today's palette.