Muted Pine color palette — #D7F8F5 · #368661 · #00523F · #2D2E00 · #000803

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

The five colors

• Honeydew (#D7F8F5): A whisper-light, dusty teal — the color of sea glass.
• Fern (#368661): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#00523F): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Forest (#2D2E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#000803): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Timeworn Lagoon Meadow color palette (#E1E7CF, #009065, #004738, #1B1D00, #010100)
• Linen Pier color palette (#D8EFD2, #117E1F, #005829, #00331F, #000904)
• Fern Pier color palette (#D7E9DF, #737A39, #3A4D00, #412300, #060700)
• Worn Pine Pier color palette (#C8E5E4, #007E44, #854500, #004422, #0D0300)
• Lowlit Cypress color palette (#C5E6E1, #006E56, #003233, #2D0900, #000805)
• Fern Garden color palette (#D7ECD4, #176B09, #005861, #543600, #000300)
• Pine Station color palette (#D6EFE9, #799E73, #007437, #324F0A, #032201)
• Tempered Bloom color palette (#D7EBE7, #6F99AC, #006279, #003B3D, #000B12)

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