Chartreuse Harbor color palette — #FFF0F7 · #C6BAFF · #A0D722 · #9270F3 · #2E4200
A conversation between Chartreuse and Amethyst, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF0F7): bright and airy, almost weightless.
- Lavender (#C6BAFF): A whisper-light, balanced violet — the color of a velvet chair.
- Chartreuse (#A0D722): A luminous, vivid green — the color of fresh herbs.
- Amethyst (#9270F3): A luminous, vivid violet — the color of twilight just after sunset.
- Deep Olive (#2E4200): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged warm.
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
- Mint Cabin color palette (#FEE8EE, #D7A8FA, #42DB83, #A663D5, #133F24)
- Dusty Lantern color palette (#FFF0F7, #C6BAFF, #ECBA22, #9370F3, #4A3800)
- Grape Boulevard color palette (#F3F4FF, #C9AFFF, #9BA400, #7C3CCD, #3B3E00)
- Washed Magenta color palette (#FFF1F3, #FFC2F7, #03DB6C, #CE32C3, #00481E)
- Powdered Seafoam Cabin color palette (#FFF1F3, #ECB7EE, #2AE7D1, #BE74C1, #34492D)
- Wandering Cornflower Boulevard color palette (#FFEFFF, #9EC8FF, #FFAD52, #388CF3, #553100)
- Hushed Peony color palette (#F3D6D9, #E786DC, #ADA500, #BE4FB3, #2D2A00)
- Hushed Grove color palette (#FFE1F2, #ACA9FF, #00CD5A, #00AC97, #2D2A53)
Browse the whole catalog at Explore, or see today's palette.