Quiet Pine color palette — #E9FAF2 · #9B8B00 · #1C8644 · #225392 · #2B132C
Fern and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E9FAF2): A whisper-light, dusty teal — the color of glacier melt.
- Moss (#9B8B00): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#1C8644): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#225392): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#2B132C): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Trust, Stability, 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
- Frosted Moss color palette (#E2FCF5, #699D33, #007D66, #3C4590, #2E1424)
- Soft Bronze Field color palette (#FFF0F7, #BD6729, #7A7300, #005C6C, #23182D)
- Amber Alley color palette (#FEF3E8, #CB7E00, #008874, #373884, #1C0800)
- Linen Nightshade color palette (#D1FCF1, #4E8A00, #007084, #4000BC, #280B00)
- Nightshade Lagoon color palette (#E0F6DF, #D1925A, #717F38, #554792, #183820)
- Worn Pier color palette (#CFEBD9, #977F00, #194940, #11271A, #140A0D)
- Feathered Mulberry Alley color palette (#D6F5FA, #008E7F, #0063AA, #7D0047, #101600)
- Clover Parlor color palette (#E5FBF5, #80B64F, #00A3B3, #047EC8, #1B1E30)
Browse the whole catalog at Explore, or see today's palette.