Muted Pine color palette — #D2EFE3 · #1B8F4D · #004F49 · #3F193A · #000B03

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

The five colors

• Honeydew (#D2EFE3): A whisper-light, dusty teal — the color of sea glass.
• Fern (#1B8F4D): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#004F49): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#3F193A): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#000B03): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Lagoon Workshop color palette (#D6F3EC, #3DA280, #006167, #55273A, #001617)
• Patina Pine color palette (#C5E8E2, #3E8C58, #005236, #452600, #00220C)
• Olive Alley color palette (#DBEDDA, #6B6D00, #00430E, #260F42, #030300)
• Misty Moss color palette (#D5ECD8, #88A218, #006D3D, #4B315D, #131900)
• Weathered Taupe color palette (#FFECF3, #AFA151, #516F3D, #5A3C48, #072215)
• Lagoon Atelier color palette (#E8F5F1, #91C0A6, #238584, #5A5065, #122C2C)
• Bronze Market color palette (#E9E4D5, #9E8000, #5D4400, #1F1700, #020100)
• Soft Harbor color palette (#F2E7DC, #B8B96A, #00A786, #79333F, #001105)

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