Muted Cocoa Loft color palette — #F4EBF1 · #DCCAD0 · #93AE9D · #852C00 · #070004

Built around Rust, softened by Sage — the whole palette hums with optimism and sophistication.

The five colors

• Blush (#F4EBF1): a clean, paper-quiet neutral.
• Oat (#DCCAD0): A whisper-light, dusty rose — the color of a warm blush.
• Sage (#93AE9D): A luminous, dusty teal — the color of sea glass.
• Rust (#852C00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Black (#070004): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Tempered Mulberry Grove color palette (#F1ECF3, #DCC9D6, #BC9CA7, #91003C, #050106)
• Ancient Cocoa color palette (#E7F1E9, #C4D4CE, #85B0AB, #614A00, #000401)
• Softworn Cocoa Lantern color palette (#F1E4EB, #AF99A2, #94707C, #5A2400, #090206)
• Tempered Garnet Courtyard color palette (#E9DBD3, #B7A694, #987B35, #631B00, #200F05)
• Antique Navy color palette (#F5D9DE, #B58A6B, #5F5C26, #1E2266, #1C0224)
• Feathered Forest Study color palette (#D1E8D8, #859753, #005E20, #520032, #010100)
• Rust Hollow color palette (#D8E8D9, #C1493C, #553F00, #12005A, #030100)
• Timeworn Rust color palette (#FFF1F7, #C8E0E4, #A7A6B3, #C35D00, #341C29)

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