Worn Cocoa Drift color palette — #FAF2FA · #B3B183 · #753F41 · #491F21 · #2A1C2A

A conversation between Coffee and Espresso, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FAF2FA): a clean, paper-quiet neutral.
• Sage (#B3B183): A luminous, dusty green — the color of a quiet forest floor.
• Coffee (#753F41): A full-bodied, dusty red — the color of a theater curtain.
• Espresso (#491F21): A deep, shadowed, dusty red — the color of a theater curtain.
• Onyx (#2A1C2A): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Antique Chestnut color palette (#EFF8EE, #C1AC78, #6D4914, #422800, #1A2519)
• Aged Chestnut Coast color palette (#FBF2F6, #A5CBB2, #7D5335, #4B2E3C, #30201F)
• Antique Straw Lantern color palette (#FFF2EE, #E4D87D, #C77D82, #7E584D, #2A1E1B)
• Pale Terracotta Hollow color palette (#FAF2F9, #DE9A93, #457E4A, #A23430, #0C2A27)
• Tempered Moss color palette (#F8DBEC, #A99200, #652200, #320D00, #0F0700)
• Softworn Bronze color palette (#FFF0F9, #B76A48, #2F8262, #005888, #442939)
• Navy Meadow color palette (#EBFAEB, #BF8A6C, #6F6D2B, #484580, #2C442B)
• Obsidian Atelier color palette (#FBDFE8, #745B00, #2D2F28, #211000, #050200)

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