Weathered Cocoa Loft color palette — #F5E6DE · #A0A568 · #6E3226 · #360B04 · #0E0200

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

The five colors

• Parchment (#F5E6DE): bright and airy, almost weightless.
• Sage (#A0A568): A luminous, balanced green — the color of a quiet forest floor.
• Rust (#6E3226): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#360B04): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#0E0200): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

Use it as a design system

One click turns Weathered 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

• Timeworn Taupe color palette (#F0E8D8, #BF9A56, #564400, #241B00, #090400)
• Weathered Jade Orchard color palette (#F7E4E5, #7AB077, #5F3559, #2E0D2A, #0F0103)
• Garnet Station color palette (#F9E9F4, #B2BA84, #964A36, #611905, #210F1C)
• Timeworn Olive color palette (#FFECDF, #837C00, #481A00, #1C241D, #130300)
• Antique Pewter Corridor color palette (#F6F1E5, #D9BE9C, #696332, #33312A, #181309)
• Terracotta Courtyard color palette (#FBEFE9, #DE846E, #007757, #982504, #040800)
• Patina Chestnut color palette (#FEF1F8, #EBCC8A, #954C2D, #3A1C30, #080205)
• Fern Studio color palette (#FFE4CB, #BD7737, #386A1C, #3C2B68, #201600)

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