Pale Harbor color palette — #FFDCD5 · #B1C3FF · #E1BA00 · #3D624B · #14291C

Saffron takes the lead with Sky close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#FFDCD5): A whisper-light, dusty orange — the color of sun-warmed clay.
• Sky (#B1C3FF): A whisper-light, balanced violet — the color of a velvet chair.
• Saffron (#E1BA00): A luminous, vivid green — the color of new leaves after rain.
• Pine (#3D624B): A full-bodied, dusty teal — the color of sea glass.
• Onyx (#14291C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged neon, dark, vibrant.

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

• Antique Marigold Station color palette (#DFDAF4, #46DAFC, #FDAA17, #674C28, #1E291D)
• Washed Lime Market color palette (#FBDFE5, #D8B3FF, #63DF00, #32655D, #072924)
• Linen Delta color palette (#FBE3E5, #81AFFF, #91B900, #1D463B, #00120D)
• Muted Seafoam color palette (#FFE293, #FFCDD8, #4EF0DE, #526A6F, #2A3335)
• Pale Emerald color palette (#DCFDFA, #FFC180, #57A163, #2E6B39, #00201E)
• Pale Canyon color palette (#F3DAF3, #FFAACC, #00C14C, #345F5C, #061E1C)
• Fuchsia Thicket color palette (#F2D9CE, #E88AFF, #00C8BD, #005A55, #00161A)
• Mint Veranda color palette (#E8ECFF, #28D6F8, #00D67E, #373A33, #222813)

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