Muted Atelier color palette — #FFF1F0 · #9BBA82 · #723E56 · #462220 · #241A14

Built around Sage, softened by Cocoa — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Sage (#9BBA82): A luminous, balanced green — the color of a quiet forest floor.
• Cocoa (#723E56): A full-bodied, dusty rose — the color of a warm blush.
• Espresso (#462220): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Onyx (#241A14): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Cocoa Veranda color palette (#F7EFF8, #C8B07E, #813C48, #43161F, #130715)
• Ancient Pewter color palette (#FFF2EE, #D8C192, #A15964, #662E38, #301B16)
• Hushed Mustard color palette (#FFF3E8, #BBA013, #6B3A00, #3C1E00, #191402)
• Washed Coast color palette (#F9F2FD, #BEE2AD, #C97798, #835265, #261E2A)
• Softworn Corridor color palette (#FDF2F0, #DB99A9, #4D7D49, #9A3758, #242613)
• Patina Moss color palette (#FFDCD0, #8B9E00, #73001B, #3A0009, #150900)
• Patina Amber color palette (#E8DCCD, #AA8817, #4A2F00, #211300, #060500)
• Wandering Harbor color palette (#FFF4E1, #D07D77, #776B12, #384C79, #423C37)

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