Pine Harbor color palette — #F4F1CD · #84A35E · #077B49 · #004A43 · #001E22
Pine takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#F4F1CD): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#84A35E): A luminous, balanced green — the color of new leaves after rain.
- Pine (#077B49): A full-bodied, balanced teal — the color of sea glass.
- Forest (#004A43): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001E22): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Balance. Tagged muted.
Use it as a design system
One click turns Pine 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
- Airy Alley color palette (#FAE8D6, #B79E45, #61710A, #00461E, #001F17)
- Lagoon Workshop color palette (#E8FAC9, #86BB93, #1B8B74, #00555B, #002838)
- Powdered Jade Coast color palette (#DDF4D7, #00AA7F, #007076, #003D4E, #00122D)
- Muted Balcony color palette (#E2FFD8, #A1E2AD, #40A273, #00634A, #002C25)
- Washed Drift color palette (#FFDFED, #7B9545, #006A5F, #55214F, #011F05)
- Antique Olive Study color palette (#E5E9C9, #298D1E, #005139, #002322, #00090C)
- Feathered Sunflower Studio color palette (#D9FAF5, #E9CC56, #64B972, #008E9A, #002123)
- Tempered Olive color palette (#EBF4F1, #CDD8DD, #A9BBBE, #5A6E25, #182320)
Browse the whole catalog at Explore, or see today's palette.