Quiet Pine color palette — #F1F4DD · #038521 · #005B72 · #563100 · #0F0B00
A conversation between Olive Leaf and Peacock, giving this palette its sense of nature and growth.
The five colors
- Cream (#F1F4DD): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive Leaf (#038521): A full-bodied, vivid green — the color of new leaves after rain.
- Peacock (#005B72): A full-bodied, balanced blue — the color of open sky before noon.
- Cocoa (#563100): A deep, shadowed, dusty gold — the color of honey in a jar.
- Ink (#0F0B00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.
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
- Weathered Denim Garden color palette (#EBF6E0, #00876D, #005793, #403200, #0B0B00)
- Soft Olive Courtyard color palette (#F9F2D7, #6C7800, #006761, #671200, #120900)
- Dusty Navy Hollow color palette (#D9EACF, #006D5D, #003B76, #2E2500, #030300)
- Pine Atelier color palette (#F0F6D2, #008934, #006177, #03308A, #100C00)
- Weathered Parlor color palette (#DDFBE2, #007D87, #513CBB, #324200, #081200)
- Timeworn Cypress Veranda color palette (#EEF4EA, #C3DFD5, #AFC7B0, #007D67, #1F2819)
- Soft Workshop color palette (#D7FEFD, #008953, #5C35B1, #6F0028, #292100)
- Aubergine Alley color palette (#E1FAE2, #009597, #006097, #3F1E7D, #021F02)
Browse the whole catalog at Explore, or see today's palette.