Cocoa Station color palette — #FCF3ED · #DFE2CC · #B4B088 · #A07A83 · #5C4100

A conversation between Bronze and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Celadon Mist (#DFE2CC): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#B4B088): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#A07A83): A luminous, dusty red — the color of a theater curtain.
• Bronze (#5C4100): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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

• Ancient Quarry color palette (#F7F5EF, #BDE3D6, #83BCAA, #6E8E81, #494A00)
• Dusty Taupe color palette (#FCF4EB, #D9E5BC, #88A97A, #6C739F, #3B3831)
• Stone Meadow color palette (#F6F1E9, #C2C89B, #758B65, #53665E, #33312A)
• Hushed Powder Studio color palette (#FFF1F4, #E3D9D2, #ADC0F7, #A2B2AF, #5F4949)
• Patina Driftwood color palette (#FBF3F1, #C7DDDF, #A2C8F2, #749F73, #31554D)
• Wisteria Chapel color palette (#FFF1F4, #FAD1E7, #B1DA9D, #B97ED5, #464740)
• Driftwood Harbor color palette (#FEF0FF, #E6D3ED, #C7A5E4, #9A609B, #623A36)
• Jade Station color palette (#FFF3E5, #D9DF99, #5FA566, #944F7F, #2F3100)

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