Muted Pine color palette — #E4E9DA · #198F54 · #004D58 · #004222 · #000102
A conversation between Fern and Forest, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E4E9DA): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#198F54): A full-bodied, balanced teal — the color of glacier melt.
- Deep Teal (#004D58): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Forest (#004222): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Black (#000102): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, muted.
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
- Muted Nightshade Parlor color palette (#E1E9DF, #008B82, #1C32A1, #00403B, #00000C)
- Olive Boulevard color palette (#E6E2D6, #817C00, #005043, #3B3800, #000201)
- Muted Ridge color palette (#FDEDD3, #007569, #004254, #3D0022, #000707)
- Aged Boulevard color palette (#DFF2ED, #578700, #0019B6, #233A00, #00030F)
- Denim Basin color palette (#E6F1E4, #00ABA2, #005F9B, #005853, #00040B)
- Antique Abyss color palette (#DEE3DB, #ADB6AD, #7B9584, #005042, #050E01)
- Lowlit Aubergine Grove color palette (#DEE6CF, #005838, #3B0072, #3C000F, #010100)
- Lowlit Navy color palette (#E2EEE5, #006470, #180081, #002329, #040003)
Browse the whole catalog at Explore, or see today's palette.