Muted Pine color palette — #D3E9E7 · #008342 · #005BA0 · #004620 · #001B37

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

The five colors

• Frost (#D3E9E7): A whisper-light, dusty teal — the color of sea glass.
• Fern (#008342): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#005BA0): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004620): A deep, shadowed, balanced teal — the color of sea glass.
• Midnight (#001B37): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, 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

• Ancient Ultramarine Lantern color palette (#C3EAF0, #007F6E, #3E45BF, #004439, #0F0950)
• Forest Pier color palette (#DFEFE4, #006C40, #00566D, #4B3B00, #00170A)
• Wandering Loft color palette (#CAEBF6, #007D80, #665A00, #004244, #201B00)
• Weathered Market color palette (#D1E8DD, #009E74, #00533C, #002315, #000F08)
• Antique Studio color palette (#DEF2FB, #005C66, #550E85, #00262A, #0B0018)
• Olive Alley color palette (#E9F8FF, #00A5BE, #7B8800, #006878, #393F00)
• Amethyst Courtyard color palette (#B8EFFD, #009895, #6F4AE8, #005B58, #2F0F75)
• Linen Mulberry color palette (#D7F0EE, #239146, #7F0070, #004319, #140011)

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