Softworn Cocoa Loft color palette — #D9DCF5 · #825170 · #612C12 · #002534 · #050E1F

Cocoa takes the lead with Graphite close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Thistle (#D9DCF5): A whisper-light, dusty violet — the color of twilight just after sunset.
• Graphite (#825170): A full-bodied, dusty pink — the color of peonies in June.
• Cocoa (#612C12): A deep, shadowed, balanced orange — the color of toasted spice.
• Midnight (#002534): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#050E1F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Optimism, Creativity, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Garnet Dune color palette (#E2F0FF, #7B5F99, #6D2631, #002B19, #001413)
• Eclipse Cocoa Alley color palette (#FBE8F3, #7E464A, #5C2300, #001F13, #000404)
• Chalky Terracotta color palette (#F7DEF7, #90493C, #463600, #171249, #150022)
• Weathered Chestnut color palette (#FADAEA, #8B6F8E, #7F4426, #003E27, #001212)
• Patina Chapel color palette (#FFE7DE, #B13E00, #4E1E00, #1C251D, #170400)
• Deep Courtyard color palette (#F3E1EE, #9F0D58, #6C0010, #2B1000, #090800)
• Worn Navy Balcony color palette (#F6EBFF, #A17274, #6B572D, #362D5F, #2A1B3A)
• Tempered Fern color palette (#FFE7EC, #95653B, #3A4E00, #2A2554, #290534)

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