Pale Harbor color palette — #D2EBF0 · #00B755 · #009A8B · #005B7B · #000707
A conversation between Clover and Fern, giving this palette its sense of nature and growth.
The five colors
- Frost (#D2EBF0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Clover (#00B755): A luminous, vivid teal — the color of sea glass.
- Fern (#009A8B): A luminous, balanced teal — the color of sea glass.
- Peacock (#005B7B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#000707): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged candy, vibrant, light.
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
- Lagoon Canyon color palette (#C8E5F1, #009F79, #007C8B, #004F86, #000202)
- Emerald Boulevard color palette (#D8F4F2, #90A700, #009C4C, #00615E, #000904)
- Lagoon Ridge color palette (#D6E9E7, #1C8D69, #004F48, #01340B, #000B05)
- Hazy Ultramarine Market color palette (#CDE8C3, #80AA00, #008C79, #3649BB, #00181D)
- Sunlit Clover Grove color palette (#DBECD4, #00D050, #00B5A4, #0083A9, #001818)
- Ultramarine Cabin color palette (#C8E4F1, #00BBB1, #008CA3, #0056CA, #00050C)
- Gentle Aubergine color palette (#E2F1FF, #008E99, #00619A, #420EA1, #000104)
- Tempered Denim Lantern color palette (#E2EFE4, #6DA6BA, #005F8A, #00393B, #000B1D)
Browse the whole catalog at Explore, or see today's palette.