Cocoa Station color palette — #FDDDD8 · #9E674F · #6A3E00 · #202F00 · #002007

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

The five colors

• Shell Pink (#FDDDD8): A whisper-light, dusty orange — the color of autumn markets.
• Walnut (#9E674F): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#6A3E00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#202F00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#002007): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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

• Antique Cocoa color palette (#FFE8F2, #A05B6A, #7B352F, #3D2E00, #0F2208)
• Wandering Lantern color palette (#FFE8CC, #846E3A, #4E4B02, #003225, #001A21)
• Pale Bronze color palette (#EBDDD6, #C47956, #A96400, #446322, #002108)
• Ancient Ridge color palette (#EFE2F6, #96576E, #6E3511, #002A36, #020027)
• Inked Study color palette (#F7DBC4, #A96300, #552D00, #1A0A00, #040100)
• Brick Drift color palette (#FAE3E0, #B92C00, #722200, #381300, #140C00)
• Gentle Forest color palette (#FDE0D6, #C89877, #8E6111, #1A580D, #054729)
• Garnet Alley color palette (#FFE8DB, #793700, #3D4600, #59003E, #110400)

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