Cocoa Station color palette — #FFF2EA · #DEE1CB · #ACD0B3 · #B87D87 · #6E4500

Bronze takes the lead with Dusty Rose close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Bone (#DEE1CB): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#ACD0B3): A whisper-light, dusty teal — the color of shallow lagoons.
• Dusty Rose (#B87D87): A luminous, dusty red — the color of late-summer berries.
• Bronze (#6E4500): 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

• Tempered Pier color palette (#FDF4E8, #C0E4D0, #BAB9C4, #BD9C8B, #5E4A00)
• Bronze Market color palette (#FFF1F6, #C3E8F0, #BFCC97, #A16752, #415642)
• Frosted Amber color palette (#FFF4DB, #BCFFD5, #76DEF1, #C27229, #37491E)
• Bronze Coast color palette (#FBF5E5, #DFBF8D, #7E7233, #543F00, #28210F)
• Gentle Scarlet color palette (#FFF1E3, #E6E689, #00D8C5, #D05658, #393500)
• Aged Lagoon color palette (#F3EADB, #88AF78, #009595, #813707, #0C0F00)
• Tempered Azure Study color palette (#D2E6CF, #94D4C1, #48ADEA, #816807, #002C1A)
• Antique Chapel color palette (#FEF4E1, #B99C2C, #9184C6, #7162A5, #36322C)

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