Muted Pine color palette — #F4F7EA · #CAE0D6 · #ACC3B2 · #377A4D · #3B4600

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

The five colors

• Ivory (#F4F7EA): bright and airy, almost weightless.
• Silver (#CAE0D6): A whisper-light, dusty teal — the color of glacier melt.
• Stone (#ACC3B2): A luminous, dusty teal — the color of glacier melt.
• Olive (#377A4D): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Olive (#3B4600): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, 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

• Muted Veranda color palette (#EEF8EF, #CADEDE, #CAB4CA, #00797E, #354437)
• Forest Lantern color palette (#EDF0E8, #C6CFC5, #8EA899, #076545, #2B3024)
• Lagoon Ridge color palette (#EFF7F3, #DDD4D3, #A6A098, #628D7A, #4C5551)
• Lowlit Cypress color palette (#D3E7CC, #00796D, #00303C, #0D1D07, #020A04)
• Airy Celadon Orchard color palette (#BBF6C2, #93B090, #4282A7, #7D482F, #553C10)
• Weathered Jade Workshop color palette (#EBF8F7, #CDDDE9, #B4ABB6, #54BD78, #2D4543)
• Hushed Alley color palette (#E6F4EA, #9BAEA7, #8E778A, #003F47, #08180D)
• Pale Chapel color palette (#FFF2EB, #08A753, #006D7A, #830034, #004032)

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