Quiet Harbor color palette — #DFF2C6 · #9FD590 · #4DC979 · #3D9874 · #3A5031
Clover and Pistachio set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#DFF2C6): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#9FD590): A luminous, balanced green — the color of fresh herbs.
- Clover (#4DC979): A luminous, balanced teal — the color of glacier melt.
- Fern (#3D9874): A luminous, balanced teal — the color of sea glass.
- Deep Olive (#3A5031): A full-bodied, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance. Tagged cool.
Use it as a design system
One click turns Quiet 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
- Hushed Pine color palette (#D2E8CC, #80BC81, #308D59, #005D3A, #003224)
- Teal Thicket color palette (#DFEEC6, #77DFC1, #00C8BE, #009B9F, #2F503A)
- Soft Cabin color palette (#FFECC4, #CCD17B, #9DB734, #629147, #494B44)
- Powdered Jade color palette (#F3EBBC, #9AC47B, #07B272, #007965, #0B4D50)
- Frosted Mallow Villa color palette (#F2F7EB, #85E3B4, #FF94D6, #47B685, #59354B)
- Timeworn Mint Basin color palette (#F0F9E7, #BEE9DD, #D1C6D4, #91C192, #475242)
- Lilac Canyon color palette (#EEFAE2, #6AD6B0, #B0A7FF, #DE8F65, #363933)
- Dusty Taupe color palette (#FFF4E1, #DFD0A6, #C4AA67, #A1825D, #3E3D36)
Browse the whole catalog at Explore, or see today's palette.