Cocoa Field color palette — #FCF0FF · #E9D6D8 · #DFA2B2 · #A6686A · #6D2917

Rust and Mocha set the tone — five colors that lean into warmth and comfort.

The five colors

• Blush (#FCF0FF): A whisper-light, dusty pink — the color of neon signs at night.
• Silver (#E9D6D8): A whisper-light, dusty red — the color of embers at dusk.
• Rosewood Mist (#DFA2B2): A luminous, dusty red — the color of late-summer berries.
• Mocha (#A6686A): A full-bodied, dusty red — the color of a theater curtain.
• Rust (#6D2917): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Warmth, Comfort, Sophistication. Tagged muted, warm.

Use it as a design system

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

• Coral Pier color palette (#F1F5FF, #DCD7FF, #E4A1BE, #CD7569, #673A00)
• Antique Garnet color palette (#F0F5FF, #E1D7E2, #C6A6D8, #94648F, #64294A)
• Antique Bronze color palette (#FDF0FF, #EBD9CD, #D99F81, #9A6C3F, #554100)
• Rust Study color palette (#FFF1F6, #FF90A1, #C65742, #703500, #231200)
• Muted Corridor color palette (#FFEBF6, #DCB1DF, #B36D8C, #844130, #442600)
• Softworn Cabin color palette (#F8F2FF, #ECD6DC, #D6B9BA, #7C9292, #3E535A)
• Worn Petal color palette (#ECF9EE, #FDCBF0, #C59395, #597D5B, #453A4D)
• Charred Raspberry Corridor color palette (#EFD8E9, #BD4C85, #71002A, #290100, #030100)

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