Chartreuse Harbor color palette — #F7F8D8 · #FAE057 · #9EE276 · #5DC5AA · #30312A
Built around Chartreuse, softened by Lemon — the whole palette hums with nature and growth.
The five colors
- Custard (#F7F8D8): A whisper-light, dusty green — the color of a quiet forest floor.
- Lemon (#FAE057): A whisper-light, balanced green — the color of a quiet forest floor.
- Chartreuse (#9EE276): A whisper-light, balanced green — the color of a quiet forest floor.
- Mint Leaf (#5DC5AA): A luminous, balanced teal — the color of sea glass.
- Espresso (#30312A): a grounded near-black with real depth.
Feels like: Nature, Growth, Softness, Clarity. Tagged candy, vibrant, light.
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 Corridor color palette (#FFF5D7, #E6DDAF, #E3D433, #87CB88, #342E09)
- Gentle Harbor color palette (#F2F9DF, #DBF97D, #8AEEB7, #56D2CE, #3B3E37)
- Powdered Atelier color palette (#F7F8DB, #FFC771, #89D666, #20A4C1, #2F312A)
- Chartreuse Bloom color palette (#DBFEF7, #CEDDCD, #A7EE85, #00B8B5, #06310B)
- Dusty Bronze color palette (#FBF4E7, #C8D18C, #8DAB77, #9E7F3A, #37352F)
- Soft Bloom color palette (#E3F7F3, #B9D076, #6AB959, #008C5F, #002204)
- Mint Coast color palette (#D5EBD1, #4ADE89, #00B38C, #008C79, #004846)
- Softworn Seafoam Delta color palette (#E9E7D1, #95D2AA, #92B291, #93777F, #623E40)
Browse the whole catalog at Explore, or see today's palette.