Muted Pine color palette — #FBF3F1 · #D0E3DD · #69A3B6 · #4C7C4C · #29544A

Olive and Blue Fog set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Silver (#D0E3DD): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#69A3B6): A luminous, dusty blue — the color of open sky before noon.
• Olive (#4C7C4C): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#29544A): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Dusty Cypress Chapel color palette (#FAF4F0, #CEE4E2, #759DC5, #297F69, #624A5B)
• Turquoise Grove color palette (#F8F5EF, #CCE7DE, #78BFC8, #5C947D, #385144)
• Tempered Cobalt Corridor color palette (#FDF3ED, #B5D8C1, #2587C4, #00694C, #2A3978)
• Abyss Study color palette (#FCE9E2, #698A6F, #00425B, #002410, #000720)
• Aged Loft color palette (#FFF1F3, #B586B1, #72965A, #258362, #543B3E)
• Feathered Corridor color palette (#FFF2EB, #81C3D8, #0071BF, #005846, #27266F)
• Timeworn Indigo Pier color palette (#FEF1F6, #B7A6D5, #6FA97A, #7F60AB, #4C4E47)
• Weathered Bronze color palette (#FAF5E9, #BBBA9D, #987D36, #755637, #3F4F04)

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