Softworn Cocoa Canyon color palette — #F0E7E4 · #DCC6BD · #BA9D8C · #7E3F43 · #1D1310

Built around Coffee, softened by Taupe — the whole palette hums with sophistication.

The five colors

• Rose Water (#F0E7E4): bright and airy, almost weightless.
• Oat (#DCC6BD): A whisper-light, dusty orange — the color of sun-warmed clay.
• Taupe (#BA9D8C): A luminous, dusty gold — the color of honey in a jar.
• Coffee (#7E3F43): A full-bodied, balanced red — the color of late-summer berries.
• Ink (#1D1310): a grounded near-black with real depth.

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

Use it as a design system

One click turns Softworn Cocoa Canyon 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 Study color palette (#F2ECF3, #D6C7D2, #AE9AA4, #833A45, #342936)
• Ancient Villa color palette (#EFE5E0, #C5AE9E, #9F8974, #6E2C15, #120804)
• Weathered Atelier color palette (#FFF2EF, #E1DACF, #C7C2AA, #9F626E, #291A17)
• Aged Amber Study color palette (#FDD7C6, #C07D3E, #775A22, #393B34, #002818)
• Olive Field color palette (#F6F2E6, #D1DBC6, #C2C0A9, #756D17, #2A2414)
• Bronze Corridor color palette (#EEEAE1, #938D7B, #7A6B1F, #332900, #020100)
• Pale Scarlet Alley color palette (#F1DBC2, #D43610, #753A00, #223200, #1C0800)
• Linen Ember Alley color palette (#FFECE3, #FF8695, #E6593C, #A95700, #1B0500)

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