Cocoa Station color palette — #F3D7E7 · #672400 · #251E00 · #12001D · #060001

Built around Rust, softened by Ink — the whole palette hums with optimism and sophistication.

The five colors

• Shell Pink (#F3D7E7): A whisper-light, dusty pink — the color of a candy shop window.
• Rust (#672400): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#251E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#12001D): A deep, shadowed, dusty violet — the color of wild irises.
• Black (#060001): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, 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

• Basalt Terrace color palette (#D6E6D5, #543500, #192200, #000C08, #070000)
• Smoked Garnet color palette (#E9DCEE, #720039, #341300, #0B0900, #040007)
• Nocturne Terracotta Basin color palette (#F1DED4, #9A2D00, #284100, #001F28, #040007)
• Shadow Chestnut color palette (#F7DAC1, #855400, #402A00, #201600, #040800)
• Softworn Scarlet Dune color palette (#FFE4F3, #EA002B, #9B4000, #593300, #070200)
• Weathered Plum Bloom color palette (#E8DBEA, #BC3E5C, #774B00, #003A5A, #060001)
• Forest Ridge color palette (#CCEBEA, #006E50, #00332A, #211400, #000808)
• Worn Lagoon color palette (#D3E4E0, #2B9098, #00454F, #002220, #000B10)

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