Muted Pine color palette — #F7F2DC · #8BB670 · #187F43 · #6E3D28 · #142605

A conversation between Olive and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#F7F2DC): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#8BB670): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#187F43): A full-bodied, balanced teal — the color of sea glass.
• Bronze (#6E3D28): A full-bodied, dusty orange — the color of toasted spice.
• Onyx (#142605): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Chestnut Coast color palette (#F7F1E7, #BFB38C, #6A7D4B, #6F4E00, #2E270F)
• Feathered Moss Chapel color palette (#EFE5C2, #77A63C, #006F29, #414100, #0D1A00)
• Worn Studio color palette (#EAFAF1, #87B085, #007B69, #6E3C66, #1E451E)
• Weathered Moss color palette (#E8E1CA, #A89F00, #6D7A00, #284C00, #023306)
• Chestnut Coast color palette (#E4FCF2, #A2C88A, #4B9964, #9E502B, #294315)
• Olive Garden color palette (#D7FFCE, #77C36E, #1E8710, #0C4403, #061600)
• Feathered Olive color palette (#F5F4D5, #A2FAF1, #53CEC5, #767000, #29300A)
• Dusty Cobalt color palette (#D3F0BD, #5A9600, #0075D4, #A92948, #0D1D00)

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