Cocoa Field color palette — #F4EBF1 · #D7C7D0 · #B795A4 · #853B2A · #342A31

A conversation between Rust and Dusty Rose, giving this palette its sense of sophistication.

The five colors

• Blush (#F4EBF1): a clean, paper-quiet neutral.
• Oat (#D7C7D0): A whisper-light, dusty pink — the color of a candy shop window.
• Dusty Rose (#B795A4): A luminous, dusty rose — the color of pressed rose petals.
• Rust (#853B2A): A full-bodied, balanced orange — the color of toasted spice.
• Onyx (#342A31): a grounded near-black with real depth.

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

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

• Aged Chestnut color palette (#FAF3F7, #E2D6D5, #C6ABB4, #8D5236, #42373D)
• Antique Garden color palette (#F0E5EE, #D7C6CD, #95AA99, #843C36, #1C121B)
• Hushed Chestnut Chapel color palette (#EBF0EB, #C2D0C7, #84AB97, #6D4F00, #263128)
• Dusty Basalt Workshop color palette (#DAE4DA, #9CAFA1, #88814E, #4A3200, #09180B)
• Driftwood Field color palette (#F0F7F3, #D2DDDD, #A6ACBC, #8A8357, #4D5550)
• Timeworn Coast color palette (#F3ECF2, #DFCECD, #ABC7C4, #D1736F, #352A33)
• Wandering Driftwood Field color palette (#DBE9DE, #9C8C40, #5B5800, #5F2E11, #0E301F)
• Hushed Pewter Meadow color palette (#D4E7D2, #9F8E5E, #6A6B32, #145444, #033E4A)

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