Pale Harbor color palette — #FFF0FB · #5564E7 · #007A4B · #005935 · #3D2036

Cornflower Indigo and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
• Cornflower Indigo (#5564E7): A full-bodied, vivid violet — the color of twilight just after sunset.
• Pine (#007A4B): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Olive (#005935): A full-bodied, balanced teal — the color of shallow lagoons.
• Espresso (#3D2036): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Wandering Violet color palette (#FFF1F5, #9153C5, #007A4D, #005937, #352048)
• Linen Violet color palette (#EFF0FF, #8F61C3, #856600, #00582F, #1A0A2B)
• Worn Wisteria color palette (#FFF1F6, #B172F5, #998700, #007A2F, #322345)
• Olive Field color palette (#DFFEED, #0083A2, #357900, #005749, #00313E)
• Airy Sapphire Grove color palette (#FEF0FF, #0075DB, #875E00, #624300, #112C4B)
• Byzantium Coast color palette (#F2D5DE, #9545C8, #105204, #003A2D, #23112F)
• Raspberry Corridor color palette (#FFF1F1, #B5608D, #2A8266, #006249, #422C2B)
• Pale Iris color palette (#E2FFD7, #9476DB, #9D384C, #004F57, #49254D)

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