Quiet Pine Alley color palette — #FFF3E3 · #9CAD47 · #007F3F · #644463 · #383F14
Built around Olive, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Moss (#9CAD47): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#007F3F): A full-bodied, balanced teal — the color of shallow lagoons.
- Charcoal Brown (#644463): A full-bodied, dusty pink — the color of a candy shop window.
- Deep Olive (#383F14): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Quiet Pine Alley 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
- Hushed Boulevard color palette (#FBF5E6, #7CAA6C, #07745C, #663F3C, #35362F)
- Aged Stone Field color palette (#FFF3E7, #B8B272, #5D7E52, #69525E, #524000)
- Moss Delta color palette (#FEE7C9, #8E9C00, #006D30, #4A3868, #2C3200)
- Pine Workshop color palette (#E0F8F2, #8CB485, #367C4A, #005760, #092804)
- Hushed Corridor color palette (#F7F7E1, #98CA92, #4F9965, #087783, #254322)
- Worn Magenta color palette (#FFF1F3, #F158ED, #00975D, #800B7F, #004729)
- Pine Alley color palette (#F5EFD6, #2C8F51, #00504A, #471F2D, #00220C)
- Misty Drift color palette (#E6FCEC, #C8D697, #66BC6A, #8C78CE, #373F0F)
Browse the whole catalog at Explore, or see today's palette.