Pale Harbor color palette — #FCF6D7 · #8E9C00 · #007556 · #00404D · #160A00
A conversation between Moss and Pine, giving this palette its sense of nature and growth.
The five colors
- Custard (#FCF6D7): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#8E9C00): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#007556): A full-bodied, balanced teal — the color of glacier melt.
- Deep Teal (#00404D): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#160A00): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
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
- Soft Olive color palette (#FFF4E2, #B88A00, #337502, #00423F, #1C0500)
- Emerald Pier color palette (#F4F9DA, #15B029, #007272, #003B61, #100C00)
- Hushed Emerald color palette (#F0F7D5, #009430, #005959, #002741, #020100)
- Antique Balcony color palette (#DFF0E8, #707000, #005153, #270070, #1D0005)
- Olive Field color palette (#EAE7C5, #638400, #142B0C, #081211, #050400)
- Pine Archive color palette (#E8F4D9, #007A56, #00444F, #001238, #010100)
- Clover Atelier color palette (#E2F6D8, #3CD14D, #008D48, #00603B, #001F14)
- Chalky Station color palette (#ECFBE4, #00AA90, #006E8C, #262982, #090F00)
Browse the whole catalog at Explore, or see today's palette.