Muted Pine color palette — #D1E5E4 · #009050 · #00486F · #004221 · #000103
Built around Fern, softened by Navy — the whole palette hums with nature and growth.
The five colors
- Silver (#D1E5E4): A whisper-light, dusty teal — the color of sea glass.
- Fern (#009050): A full-bodied, balanced teal — the color of sea glass.
- Navy (#00486F): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Forest (#004221): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Black (#000103): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Balance. 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
- Hazy Hollow color palette (#DAF6F7, #008E6A, #450BAD, #00412F, #00000B)
- Timeworn Harbor color palette (#E0F0E7, #857B00, #004C5B, #3C3700, #000103)
- Dusty Lagoon Courtyard color palette (#E3F1E8, #008980, #005260, #002034, #02001D)
- Softworn Onyx color palette (#FFDCD6, #00756A, #003F63, #400101, #000708)
- Ancient Jade Dune color palette (#E4EADC, #00AC7B, #0065A2, #006244, #00040A)
- Aged Grape Villa color palette (#DCF2F7, #00ABA0, #561AE6, #005952, #010114)
- Abyss Thicket color palette (#E4F0F2, #9FB8C2, #7B90A2, #004F46, #000E10)
- Shadow Garnet color palette (#CAEDF2, #006053, #5C004A, #340028, #000200)
Browse the whole catalog at Explore, or see today's palette.