Quiet Pine color palette — #D3F4F1 · #00742B · #005570 · #002162 · #000200
Built around Olive, softened by Midnight — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D3F4F1): A whisper-light, dusty teal — the color of shallow lagoons.
- Olive (#00742B): A full-bodied, balanced green — the color of fresh herbs.
- Peacock (#005570): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#002162): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, 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
- Timeworn Fern color palette (#DBF0E7, #5E6600, #005959, #002D3C, #010100)
- Antique Onyx color palette (#D8E3D0, #008A70, #004D4D, #040060, #000201)
- Dusty Lagoon color palette (#D7F3E7, #009D85, #005C57, #002224, #000102)
- Pale Nightshade Harbor color palette (#D3F2FD, #006D72, #441BC5, #3E0056, #000202)
- Eclipse Navy color palette (#C7EAFA, #007482, #00397B, #200039, #040001)
- Inked Aubergine Meadow color palette (#D4ECF9, #005769, #46008A, #330029, #050000)
- Twilit Nightshade color palette (#E8E6CF, #364C00, #2A1391, #36002D, #010100)
- Pale Emerald color palette (#DDEEEC, #00AB2F, #005A50, #004A0F, #000201)
Browse the whole catalog at Explore, or see today's palette.