Chartreuse Harbor color palette — #F0FF9E · #B7E500 · #6FA100 · #3E7A17 · #0F3C0A
A conversation between Chartreuse and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Butter (#F0FF9E): A whisper-light, balanced green — the color of new leaves after rain.
- Chartreuse (#B7E500): A whisper-light, vivid green — the color of new leaves after rain.
- Olive Leaf (#6FA100): A luminous, vivid green — the color of a quiet forest floor.
- Olive (#3E7A17): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#0F3C0A): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Energy. Tagged vibrant.
Use it as a design system
One click turns Chartreuse 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
- Sunflower Terrace color palette (#FFF6D1, #E6D500, #989A00, #5F6B00, #2D3D00)
- Gentle Chartreuse Lantern color palette (#E3FFD4, #60E550, #00BA45, #007F47, #003925)
- Aged Lime color palette (#F5EC8B, #B6CD2A, #82BB00, #259B30, #005332)
- Washed Lime Villa color palette (#D5F5AB, #68C400, #278C04, #00551F, #002510)
- Washed Chartreuse Pier color palette (#D7FFF6, #81E600, #FF8864, #509200, #541704)
- Washed Mustard Coast color palette (#EFE0C4, #B2A400, #547D00, #005D1E, #004A41)
- Pale Pier color palette (#E4F4E4, #00AE66, #00784E, #003F2E, #00100C)
- Misty Seafoam color palette (#DBFFEC, #26F4C0, #00AC95, #007268, #004543)
Browse the whole catalog at Explore, or see today's palette.