Pale Harbor color palette — #E8FAF3 · #5AB2E6 · #C45559 · #745D0F · #172210

Brick and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E8FAF3): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#5AB2E6): A luminous, balanced blue — the color of open sky before noon.
• Brick (#C45559): A full-bodied, balanced orange — the color of toasted spice.
• Olive (#745D0F): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#172210): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, 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

• Timeworn Raspberry Workshop color palette (#ECF9EE, #00C3CF, #BC5B8E, #874C14, #191C0B)
• Rust Boulevard color palette (#FCF1F9, #86ACFF, #BE5A11, #526C2A, #0E2115)
• Tempered Workshop color palette (#FEF0FC, #9ABAFF, #C3688C, #735800, #1D3112)
• Antique Lilac Balcony color palette (#FFF4E2, #ACCEFF, #9B7FD5, #825A2C, #3F293A)
• Lilac Balcony color palette (#FFF0F7, #A684FF, #A36B00, #00682B, #001822)
• Dusty Pier color palette (#E9F8FB, #008E84, #875000, #4D4A00, #0F3130)
• Hushed Cobalt Study color palette (#EBF2FF, #6873C3, #824783, #5B3800, #00151A)
• Feathered Dune color palette (#FFF0FE, #1E84F9, #903500, #3A4300, #000505)

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