Muted Loft color palette — #F0F1D8 · #889F00 · #527C00 · #195800 · #000F03

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

The five colors

• Cream (#F0F1D8): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#889F00): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#527C00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#195800): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#000F03): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Balance. Tagged warm.

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

• Soft Delta color palette (#F1E7CB, #8A9100, #3D7A00, #00525A, #090D00)
• Bronze Atelier color palette (#F8E9D6, #988100, #456500, #003B1D, #000D0B)
• Weathered Emerald color palette (#D9E9D6, #00AA4F, #008258, #005643, #00120E)
• Aged Amber color palette (#FBECE0, #C07B00, #8B6400, #5C4900, #0C0900)
• Misty Meadow color palette (#E0E6D1, #87D200, #2DB417, #00803E, #00311E)
• Softworn Bronze Delta color palette (#F2EEE4, #ABB4A1, #8DA081, #807300, #181306)
• Emerald Balcony color palette (#DFEAD6, #50A651, #3B8367, #19617C, #00213E)
• Charred Chestnut Courtyard color palette (#FEDCCD, #795E00, #314100, #001E0B, #000202)

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