Pale Harbor color palette — #F8F2FF · #D688B5 · #C75B40 · #765900 · #323456

Built around Terracotta, softened by Bubblegum — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#F8F2FF): a clean, paper-quiet neutral.
• Bubblegum (#D688B5): A luminous, balanced pink — the color of neon signs at night.
• Terracotta (#C75B40): A luminous, balanced orange — the color of autumn markets.
• Coffee (#765900): A full-bodied, balanced gold — the color of old brass.
• Navy (#323456): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Creativity, 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

• Chalky Ridge color palette (#F4F4FF, #C18BE0, #BF5A7C, #90461A, #213956)
• Aged Amber Coast color palette (#FBF2FA, #E59A98, #B0824E, #686F2D, #1C4B4B)
• Wandering Iris color palette (#F2F5FF, #8D76D5, #8D5326, #005547, #014047)
• Mallow Market color palette (#FFF1F5, #D3ACE9, #CE8E6E, #5E8A5A, #003D59)
• Airy Peony color palette (#EBDCFF, #EFA0C6, #D56292, #9B4763, #643940)
• Frosted Tangerine Villa color palette (#FFF0FA, #FC632A, #957100, #346400, #51143D)
• Hushed Alley color palette (#EFDBE4, #C96900, #6F6500, #00511C, #002525)
• Ancient Ash Corridor color palette (#F7F2FF, #D5C1E0, #B59AB4, #637A66, #3E5447)

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