Cocoa Station color palette — #FFF2EB · #F1EAB2 · #DFD8CD · #DCA29D · #723B0D

Built around Bronze, softened by Custard — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Custard (#F1EAB2): A whisper-light, dusty green — the color of fresh herbs.
• Bone (#DFD8CD): bright and airy, almost weightless.
• Rosewood Mist (#DCA29D): A luminous, dusty orange — the color of toasted spice.
• Bronze (#723B0D): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

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

• Vanilla Pier color palette (#FFF0FD, #FDF7C7, #D8DACE, #CD9EB3, #594750)
• Muted Chestnut color palette (#FFF4E0, #B5EFD3, #A9C5DB, #C9AA80, #664B00)
• Weathered Mustard Ridge color palette (#FDF4E3, #D9D2A4, #C3AB5E, #9C855A, #3F3D36)
• Moss Orchard color palette (#E7DED0, #BBA966, #97A000, #8F5800, #100B00)
• Soft Tangerine color palette (#FFF1E6, #E6DFAF, #F6C42C, #F16A1F, #542E00)
• Basalt Boulevard color palette (#FFEDE8, #E1DABC, #B6CE9A, #8F6B8C, #4F1F00)
• Worn Canyon color palette (#FFE9F0, #91EB63, #FFB65C, #5F5953, #2F2821)
• Timeworn Amber color palette (#FEF3E8, #F3CF97, #C08848, #68625C, #282017)

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