Muted Grove color palette — #D9E8E7 · #557CA3 · #003680 · #001D2D · #00000D

Navy and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D9E8E7): a clean, paper-quiet neutral.
• Slate (#557CA3): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#003680): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#001D2D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#00000D): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Hushed Villa color palette (#E3F2F0, #16869F, #004256, #001F22, #000103)
• Quiet Balcony color palette (#E2E8D7, #5697D6, #1355AA, #003751, #01032A)
• Antique Petrol Garden color palette (#DCEDEA, #78C0CE, #007790, #004B4C, #001923)
• Velvet Loft color palette (#D1F7EB, #006253, #003330, #001211, #000202)
• Cerulean Lagoon color palette (#E7F5F2, #8CE0E4, #0094A3, #00635B, #002A33)
• Nightshade Courtyard color palette (#D4F2F5, #00444A, #170096, #0C2B00, #000102)
• Smoked Cocoa color palette (#ECDAE3, #7A4200, #451D00, #1F0500, #040001)
• Worn Navy Workshop color palette (#D6E4E4, #4D7F9E, #003E67, #001E28, #000105)

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