Muted Pine color palette — #D1E7E2 · #248E53 · #00503F · #3F2201 · #000A0A

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

The five colors

• Silver (#D1E7E2): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#248E53): A full-bodied, balanced teal — the color of sea glass.
• Forest (#00503F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Espresso (#3F2201): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#000A0A): A deep, shadowed, dusty teal — the color of sea glass.

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

• Pale Forest color palette (#D4ECDF, #6D8325, #145200, #49170E, #060900)
• Tempered Lagoon color palette (#E9E9D8, #418B64, #005049, #4E1C17, #002111)
• Ancient Lagoon color palette (#CAEBD7, #009969, #005434, #002112, #000201)
• Airy Aubergine color palette (#D3E9E6, #229232, #7A0679, #00430C, #130013)
• Patina Meadow color palette (#E6F7E8, #ACA255, #5D6D21, #1E4F4D, #042215)
• Airy Parlor color palette (#D6FBF2, #58C174, #007E5F, #3E5424, #002725)
• Feathered Nightshade color palette (#D4E2D7, #006A33, #2D29C4, #710E00, #000501)
• Pale Balcony color palette (#CEEEDA, #8FA000, #356B00, #493E00, #151800)

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