Softworn Cocoa color palette — #F1DFED · #875564 · #70301D · #00260C · #000C0B

Rust and Graphite set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F1DFED): A whisper-light, dusty pink — the color of a candy shop window.
• Graphite (#875564): A full-bodied, dusty red — the color of embers at dusk.
• Rust (#70301D): A deep, shadowed, balanced orange — the color of toasted spice.
• Deep Forest (#00260C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000C0B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Midnight Chestnut color palette (#F7E6E8, #884533, #492C00, #001F1D, #000306)
• Weathered Pewter color palette (#E8E9FF, #7D5691, #692D4C, #272300, #010B00)
• Antique Canyon color palette (#E7EAFF, #B784A0, #82553C, #00393E, #00090A)
• Terracotta Balcony color palette (#F8E5F4, #AB707F, #93442E, #004E2A, #002523)
• Washed Archive color palette (#D7E2FE, #7577A7, #77344E, #00343E, #0A144E)
• Driftwood Corridor color palette (#EEDCDA, #AF8668, #706035, #194959, #002237)
• Rust Loft color palette (#FFDCD3, #BF3710, #641500, #230100, #040000)
• Hazy Plum Balcony color palette (#FBE7F0, #B6055A, #670022, #3F0102, #0F0100)

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