Muted Pine color palette — #D0F2EF · #708100 · #007431 · #00403F · #000201

Pine and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D0F2EF): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive Leaf (#708100): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#007431): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#00403F): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Balance. Tagged candy, vibrant, light.

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

• Emerald Dune color palette (#D4EDF1, #299130, #006D61, #004A5D, #000202)
• Hushed Bronze color palette (#E1E6D2, #B47500, #006C38, #00404E, #000402)
• Smoked Fern color palette (#D8F1E5, #466225, #00340F, #151500, #010100)
• Hazy Garden color palette (#C4EDE6, #D18B00, #4D8F00, #005F72, #000201)
• Deep Onyx Corridor color palette (#E6F4E3, #176A58, #00434C, #29052D, #080002)
• Bronze Harbor color palette (#D7E9DF, #A96C00, #6A5D00, #1A4C00, #010100)
• Weathered Jade Courtyard color palette (#D3EDF4, #00B474, #008F90, #005C84, #000506)
• Lowlit Garnet Boulevard color palette (#DBF3F9, #005855, #72002A, #002423, #040001)

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