Pine Harbor color palette — #FFF4E0 · #FFA08E · #C29800 · #028F24 · #312B00
A conversation between Kelly Green and Mustard, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4E0): A whisper-light, dusty gold — the color of old brass.
- Melon (#FFA08E): A luminous, balanced orange — the color of toasted spice.
- Mustard (#C29800): A luminous, balanced gold — the color of afternoon light on wheat.
- Kelly Green (#028F24): A full-bodied, vivid green — the color of fresh herbs.
- Espresso (#312B00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.
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
- Feathered Chapel color palette (#FBF9C1, #FF9F6B, #AB9B00, #008966, #253300)
- Pine Dune color palette (#FFEFDA, #FF8E9C, #BF8E00, #008F43, #111200)
- Ancient Marigold color palette (#FFF4DD, #FFBCBF, #E69A00, #00AC6D, #312C00)
- Frosted Atelier color palette (#FFF3E9, #FF8BB6, #DD6F00, #707B00, #371F00)
- Misty Lantern color palette (#F4F5D6, #DA9E00, #5F9E00, #007874, #04320F)
- Emerald Garden color palette (#EAEED8, #B1A100, #00944C, #006372, #001D11)
- Quiet Moss Meadow color palette (#F4E5CC, #A49500, #5B6700, #225200, #004327)
- Lime Chapel color palette (#DFFFE7, #FFCCB5, #F8B92B, #87BA00, #2E2500)
Browse the whole catalog at Explore, or see today's palette.