Muted Spruce color palette — #F5E6E1 · #89A88B · #00607C · #00411A · #001E43

Built around Forest, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Rose Water (#F5E6E1): a clean, paper-quiet neutral.
• Sage (#89A88B): A luminous, dusty green — the color of new leaves after rain.
• Peacock (#00607C): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00411A): A deep, shadowed, balanced teal — the color of glacier melt.
• Midnight (#001E43): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Muted Spruce 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

• Denim Studio color palette (#F2E7E1, #74A7BC, #0056A6, #003F35, #1B144A)
• Denim Cabin color palette (#EAF2EB, #69A9AA, #006372, #003B2D, #000D14)
• Dusty Field color palette (#EAE1D3, #63C3C5, #008396, #005B48, #002330)
• Hushed Hollow color palette (#FFF3EA, #84C1E0, #1164E1, #00574E, #33226C)
• Spruce Pier color palette (#FCEAE5, #4D8D8A, #004454, #012503, #000A18)
• Patina Cobalt color palette (#FBF3EE, #A9CFBC, #407ABE, #006153, #353560)
• Quiet Drift color palette (#E2F6E1, #8ABDEB, #9F72C8, #005F24, #00252E)
• Patina Mulberry Studio color palette (#DBF2DF, #007C85, #A60F31, #004247, #3A000A)

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