Quiet Pine color palette — #C5E7DC · #258F45 · #005A46 · #002F4C · #001307
A conversation between Fern and Pine, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#C5E7DC): A whisper-light, dusty teal — the color of glacier melt.
- Fern (#258F45): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#005A46): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#002F4C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#001307): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.
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
- Feathered Corridor color palette (#D9F7E9, #718128, #135C06, #00323B, #091100)
- Muted Lagoon color palette (#D6F0E8, #429E71, #006A5E, #00396D, #001D1E)
- Navy Bloom color palette (#C9E8E1, #00765D, #004544, #020168, #000705)
- Frosted Olive color palette (#F1D9C7, #6A8300, #005A4E, #570E48, #242704)
- Linen Aubergine Atelier color palette (#C2E9E5, #00898D, #005569, #340074, #001214)
- Aged Emerald Market color palette (#E5DFBE, #3DAC4A, #007C5C, #004D72, #022D14)
- Wandering Loft color palette (#D7E9E2, #819668, #33631E, #363D00, #0C1600)
- Quiet Emerald Meadow color palette (#D1F9F5, #93C76B, #00AB5D, #00886F, #00170C)
Browse the whole catalog at Explore, or see today's palette.