Cocoa Field color palette — #F3ECF2 · #DDC4D1 · #95A596 · #833B3D · #362935

Rust takes the lead with Oat close behind in a set that reads as sophistication at first glance.

The five colors

• Blush (#F3ECF2): bright and airy, almost weightless.
• Oat (#DDC4D1): A whisper-light, dusty rose — the color of strawberry cream.
• Taupe (#95A596): A luminous, dusty green — the color of fresh herbs.
• Rust (#833B3D): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#362935): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Chestnut Canyon color palette (#FAF2F8, #E4D5D4, #A7B8AC, #904F43, #41373E)
• Worn Courtyard color palette (#F4E8EF, #B0BEAE, #769784, #752802, #281A23)
• Antique Olive color palette (#FAE4E4, #BF9167, #656B27, #3B4963, #342D4E)
• Patina Loft color palette (#F6ECE8, #D8D2C7, #C0BAA1, #E5615E, #3C2820)
• Lagoon Cabin color palette (#CDEDE6, #449F7D, #006260, #582D46, #003032)
• Driftwood Hollow color palette (#F0F7F1, #D0DEDE, #ABACB7, #6C8B73, #4D554F)
• Olive Bloom color palette (#EDF8F3, #C7DFE5, #A3C3C4, #706E21, #33443C)
• Ancient Hollow color palette (#E3EDE7, #82A299, #5A7776, #332A00, #010C05)

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