Quiet Pine color palette — #D9E6D4 · #7CBA82 · #348950 · #00613E · #013626
Fern and Mint Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#D9E6D4): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint Leaf (#7CBA82): A luminous, balanced green — the color of new leaves after rain.
- Fern (#348950): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#00613E): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#013626): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged cool.
Use it as a design system
One click turns Quiet Pine 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
- Worn Emerald Courtyard color palette (#EEE4BD, #97BD84, #36914D, #006853, #004F4B)
- Olive Garden color palette (#E2E2C4, #AEB562, #6B8022, #3D5A0B, #1C320B)
- Timeworn Teal color palette (#D6EAE2, #54C4AF, #009286, #005B58, #00383A)
- Aged Lagoon color palette (#D2FBFF, #74CAB3, #278C75, #00493A, #001A14)
- Pine Veranda color palette (#DFF8F7, #6FB68D, #BA7E4B, #007849, #3D1F02)
- Tempered Pewter color palette (#E5F7EA, #8CB79E, #847346, #5E4822, #0E291D)
- Cobalt Archive color palette (#D2FBFF, #3EA189, #2587C0, #716F23, #002427)
- Washed Harbor color palette (#D5FAFE, #C5DAED, #AABAE6, #5F9079, #173A40)
Browse the whole catalog at Explore, or see today's palette.