Pine Harbor color palette — #FEF4DF · #A79200 · #007832 · #004144 · #190700
Olive and Mustard set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FEF4DF): A whisper-light, dusty gold — the color of old brass.
- Mustard (#A79200): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#007832): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Teal (#004144): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#190700): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Nature, Growth, Balance. Tagged warm.
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
- Moss Chapel color palette (#F6F7E1, #5CA822, #007369, #003E57, #130B00)
- Lime Boulevard color palette (#F9F6E0, #9AB344, #008B6C, #005365, #291700)
- Amber Delta color palette (#FFF3E9, #DD6F00, #6F6500, #00451C, #20000B)
- Olive Drift color palette (#FAF3D1, #768300, #005C45, #002A35, #030100)
- Dusty Moss Parlor color palette (#F8F7E0, #74A400, #007466, #671800, #120C00)
- Olive Basin color palette (#E5E7CC, #297B00, #004642, #001826, #020100)
- Wandering Stone Dune color palette (#FFF5D6, #AEBF83, #6A8F63, #47674E, #002A37)
- Ancient Olive color palette (#D4E7DC, #776900, #00552B, #00353A, #321800)
Browse the whole catalog at Explore, or see today's palette.