Quiet Garden color palette — #FFF5D7 · #B2E096 · #9E9611 · #815515 · #212C0A
Built around Moss, softened by Pistachio — the whole palette hums with nature and growth.
The five colors
- Custard (#FFF5D7): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#B2E096): A whisper-light, balanced green — the color of new leaves after rain.
- Moss (#9E9611): A luminous, balanced green — the color of a quiet forest floor.
- Coffee (#815515): A full-bodied, balanced gold — the color of old brass.
- Deep Forest (#212C0A): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.
Use it as a design system
One click turns Quiet Garden 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
- Misty Amber color palette (#FFF3E5, #DED373, #C18419, #91482D, #2B2905)
- Muted Archive color palette (#FEF7C5, #97CF51, #8E7F00, #6E4100, #001F0F)
- Muted Moss Balcony color palette (#E6DFD2, #7E9100, #5F4A00, #371800, #010100)
- Washed Chapel color palette (#F0E9D3, #9BA76F, #707000, #4E4400, #152000)
- Bronze Lantern color palette (#CEFBE6, #C2D092, #A7A95B, #8F8125, #063F34)
- Patina Amber Boulevard color palette (#FFDFBD, #B0992D, #865200, #581A0D, #030500)
- Basalt Grove color palette (#FFF2EB, #E1DDC1, #CAA58F, #8E736D, #503C00)
- Dusty Marigold color palette (#FFF2EA, #DFA753, #A9603B, #6D3039, #191100)
Browse the whole catalog at Explore, or see today's palette.