Quiet Pine color palette — #EAFAEC · #9AAD5C · #007E44 · #5B4475 · #184337
Pine and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#EAFAEC): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#9AAD5C): A luminous, balanced green — the color of new leaves after rain.
- Pine (#007E44): A full-bodied, balanced teal — the color of sea glass.
- Charcoal Brown (#5B4475): A full-bodied, balanced violet — the color of twilight just after sunset.
- Forest (#184337): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Creativity, 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
- Washed Olive color palette (#FFF1F7, #B3A363, #4F7700, #4D4785, #453A0B)
- Aged Moss color palette (#DAF3DF, #839D4A, #006C42, #582D6D, #263400)
- Softworn Cypress Loft color palette (#EAF9F5, #89BDA6, #258286, #625271, #2E4849)
- Olive Lagoon color palette (#FAF1DB, #9AB454, #367E25, #683E47, #262100)
- Powdered Lime color palette (#E2FDEE, #ADC768, #5B984D, #7E5984, #1B4338)
- Pine Delta color palette (#DAF7EB, #428C5B, #00504B, #461D3C, #00220D)
- Washed Cobalt color palette (#FFF0FA, #8BDCF4, #0084D8, #006952, #333A6E)
- Faded Jade Terrace color palette (#FFF4DE, #C4D896, #6BBA78, #917EB0, #34400B)
Browse the whole catalog at Explore, or see today's palette.