Muted Loft color palette — #F4F2E6 · #B6B68F · #4C8547 · #3F5E42 · #292914

Fern and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F4F2E6): bright and airy, almost weightless.
• Sage (#B6B68F): A luminous, dusty green — the color of new leaves after rain.
• Fern (#4C8547): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#3F5E42): A full-bodied, dusty green — the color of a quiet forest floor.
• Onyx (#292914): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Patina Spruce Lantern color palette (#F1F3EA, #BACAA5, #53917F, #4D685C, #273800)
• Tempered Olive Basin color palette (#F6F2E3, #9AA679, #4B7211, #66372E, #211C01)
• Hushed Stone color palette (#EEF8F0, #ADB679, #5C7E57, #53596E, #2F493F)
• Midnight Loft color palette (#E0E0C7, #3D773C, #004220, #002329, #000400)
• Ancient Olive Courtyard color palette (#E4E0C6, #60862F, #165200, #4B1600, #040A00)
• Feathered Villa color palette (#E4E8C8, #3EAD6B, #006C4B, #004656, #001C0A)
• Tempered Jade Field color palette (#FCF4E7, #E4EBB8, #7BAE70, #896C7C, #3A3831)
• Dusty Field color palette (#FFEDEE, #E7D3D1, #F7B6BE, #8F6693, #3E2626)

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