Muted Pine color palette — #F4E7D4 · #008D50 · #004D4D · #310035 · #000201

Fern and Deep Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F4E7D4): A whisper-light, dusty gold — the color of honey in a jar.
• Fern (#008D50): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#004D4D): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#310035): A deep, shadowed, balanced pink — the color of neon signs at night.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Balance. Tagged retro, 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

• Tempered Summit color palette (#F0E5D2, #678200, #005036, #21004E, #000200)
• Tempered Veranda color palette (#ECDECA, #00868F, #00476F, #3A000F, #000102)
• Forest Workshop color palette (#FBEBCA, #00693A, #003838, #2D0030, #000F09)
• Abyss Harbor color palette (#EBF3E5, #696166, #005B4C, #161C21, #000708)
• Emerald Studio color palette (#E3E3CA, #5AA06A, #005C44, #1E3200, #000200)
• Timeworn Petrol color palette (#F7EDDD, #7BC4CF, #00728E, #003F37, #000306)
• Garnet Market color palette (#E7F6D4, #64A3A1, #006D8C, #5D0047, #150001)
• Misty Moss color palette (#FFEAEF, #5F9D00, #007682, #850043, #000F07)

Browse the whole catalog at Explore, or see today's palette.