Muted Pine color palette — #E6F7ED · #7AAC9D · #487044 · #69362B · #00221B

Olive takes the lead with Cocoa close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#E6F7ED): A whisper-light, dusty teal — the color of sea glass.
• Sage (#7AAC9D): A luminous, dusty teal — the color of sea glass.
• Olive (#487044): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#69362B): A deep, shadowed, dusty orange — the color of autumn markets.
• Onyx (#00221B): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Weathered Dune color palette (#E6F6F1, #95BCB8, #3C8567, #6F4C33, #032E2B)
• Hushed Teal color palette (#CEECE9, #4CA889, #006A62, #543800, #001C12)
• Cypress Atelier color palette (#FAF4EA, #8AA56E, #007552, #653E48, #36362F)
• Feathered Olive Meadow color palette (#EDE3D2, #AF9C4B, #686900, #384300, #112900)
• Linen Olive color palette (#C5FDF0, #90B06F, #4C7700, #203B00, #050E00)
• Bronze Garden color palette (#DCFAF1, #B4E7E0, #76C1B3, #836D00, #1B2C09)
• Worn Study color palette (#EBF9F1, #A6DDD3, #4F9A84, #7A547A, #042F2A)
• Abyss Coast color palette (#DAF7EB, #5F854A, #005228, #481900, #030A00)

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