Quiet Pine color palette — #D0ECE6 · #84B28A · #008753 · #3B612B · #00302E
Fern and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#D0ECE6): A whisper-light, dusty teal — the color of sea glass.
- Sage (#84B28A): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#008753): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#3B612B): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#00302E): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
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
- Pine Quarry color palette (#D5F3EB, #83BD75, #1D8E45, #006C50, #0C3800)
- Dusty Olive Market color palette (#D4EBDF, #A2AB6E, #5F7E18, #5D5705, #282C00)
- Soft Ridge color palette (#F6F8DC, #88CF92, #268B5B, #3D5A30, #171B01)
- Antique Forest Basin color palette (#D8E9E3, #6B996F, #006450, #3B4211, #00302D)
- Misty Station color palette (#D0F1ED, #00B1B3, #008993, #005B68, #00313B)
- Fern Courtyard color palette (#DFF3EB, #738D58, #1E6300, #004426, #091300)
- Dusty Driftwood Chapel color palette (#ECF9F2, #A3CFBF, #819961, #4B7C77, #274A3F)
- Soft Pine Hollow color palette (#CDE5F0, #0097A9, #626DD8, #0D7F1A, #00242A)
Browse the whole catalog at Explore, or see today's palette.