Muted Pine color palette — #FFF6CF · #BDE8C2 · #81B56A · #007744 · #003C30
A conversation between Pine and Jade, giving this palette its sense of nature and growth.
The five colors
- Custard (#FFF6CF): A whisper-light, dusty green — the color of new leaves after rain.
- Mint (#BDE8C2): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#81B56A): A luminous, balanced green — the color of new leaves after rain.
- Pine (#007744): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Forest (#003C30): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged cool.
Use it as a design system
One click turns Muted 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
- Aged Garden color palette (#FAF7D4, #C6E9CA, #7ECAA8, #00877F, #004B51)
- Ancient Mustard color palette (#FFF6C5, #AEB95E, #60863B, #0E5C31, #004738)
- Softworn Orchard color palette (#FFF3E7, #FADBA2, #B2A647, #5B7000, #0E3700)
- Tempered Thicket color palette (#E4E6C9, #739A00, #006521, #002619, #000201)
- Ancient Seafoam Veranda color palette (#DEFFE6, #84F4CE, #00A99D, #006E7C, #002C3D)
- Hushed Lagoon color palette (#F7F7E4, #85AC5F, #3E4D00, #201F0A, #070501)
- Worn Boulevard color palette (#FFF4E2, #CFD18E, #5DA46E, #585AA2, #33322B)
- Midnight Pine color palette (#DAEED4, #008955, #00493C, #001413, #000102)
Browse the whole catalog at Explore, or see today's palette.