Cocoa Station color palette — #F3DAE9 · #893200 · #004E4C · #002950 · #1D0500
A conversation between Rust and Midnight, giving this palette its sense of trust and stability.
The five colors
- Shell Pink (#F3DAE9): A whisper-light, dusty pink — the color of peonies in June.
- Rust (#893200): A full-bodied, balanced orange — the color of sun-warmed clay.
- Forest (#004E4C): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#002950): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#1D0500): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Trust, Stability, Optimism, Balance. Tagged 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
- Eclipse Archive color palette (#F5D4E2, #7B4000, #004D55, #002E33, #050100)
- Weathered Navy color palette (#FCE0EA, #784200, #004C57, #1D007B, #180900)
- Worn Alley color palette (#F0E2F1, #95123B, #005034, #002E38, #220007)
- Timeworn Chestnut color palette (#D6F0DB, #875D00, #394200, #002644, #1C1500)
- Onyx Terrace color palette (#DCEEE3, #413700, #002C4C, #1F0030, #020200)
- Timeworn Archive color palette (#DCE3DB, #AFBDB3, #7B9589, #603B00, #132412)
- Aubergine Delta color palette (#D4ECD5, #8B5D00, #00627C, #41009F, #2D1B00)
- Powdered Scarlet color palette (#F2E1DB, #CC1437, #006F6E, #4F1F90, #210103)
Browse the whole catalog at Explore, or see today's palette.