Quiet Pine color palette — #F7E687 · #91B058 · #008743 · #00574B · #003D44
Built around Fern, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Butter (#F7E687): A whisper-light, balanced green — the color of fresh herbs.
- Moss (#91B058): A luminous, balanced green — the color of new leaves after rain.
- Fern (#008743): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#00574B): A full-bodied, dusty teal — the color of glacier melt.
- Deep Teal (#003D44): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, 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
- Hazy Clover Workshop color palette (#BCF6A7, #52C167, #00854E, #00503C, #00241E)
- Tempered Meadow color palette (#E1E7CC, #77A874, #007866, #004A4E, #1B2C4D)
- Olive Drift color palette (#FFDDBA, #BBA042, #657700, #00541D, #003F35)
- Faded Balcony color palette (#FCE984, #9AE513, #0DC270, #008B80, #00414A)
- Hushed Clover Market color palette (#D7FFF9, #FDCC47, #57C000, #0097A4, #004229)
- Aged Study color palette (#FFF0F8, #85962C, #00705E, #7B005C, #1A3F10)
- Hushed Olive color palette (#EEF8F4, #CADEE5, #A3C3C8, #5E7500, #2C463E)
- Tempered Navy color palette (#C2FBF2, #83BEA4, #008A86, #005C78, #003F7D)
Browse the whole catalog at Explore, or see today's palette.