Faded Pine color palette — #FFF4DE · #96AD69 · #307B45 · #58437F · #32410A
Built around Olive, softened by Indigo — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF4DE): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Sage (#96AD69): A luminous, balanced green — the color of fresh herbs.
- Olive (#307B45): A full-bodied, balanced green — the color of fresh herbs.
- Indigo (#58437F): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Olive (#32410A): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Faded 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 Workshop color palette (#FFF3E7, #B4A26F, #667111, #374F83, #493801)
- Dusty Archive color palette (#FAF6DF, #82B089, #007B66, #005A70, #1E4427)
- Ancient Studio color palette (#F4EAD8, #889C3A, #197A2D, #461878, #293300)
- Misty Emerald color palette (#F7F7E0, #97CA97, #00A059, #007686, #3A3B34)
- Dusty Fern color palette (#F7F5EE, #C3C2AB, #608D72, #7F5A65, #535000)
- Powdered Alley color palette (#FFF1F2, #DE78CC, #00975A, #850077, #004728)
- Softworn Aubergine Delta color palette (#E8E6CE, #508862, #005145, #4D094E, #00220D)
- Faded Summit color palette (#FFF2EC, #B4D9BF, #0B8ABC, #006856, #103F76)
Browse the whole catalog at Explore, or see today's palette.