Cocoa Archive color palette — #F0E8ED · #97A499 · #5D8679 · #5C2200 · #0D0007
Espresso and Storm Blue set the tone — five colors that lean into optimism and sophistication.
The five colors
- Blush (#F0E8ED): a clean, paper-quiet neutral.
- Taupe (#97A499): A luminous, dusty green — the color of new leaves after rain.
- Storm Blue (#5D8679): A full-bodied, dusty teal — the color of shallow lagoons.
- Espresso (#5C2200): A deep, shadowed, balanced orange — the color of toasted spice.
- Ink (#0D0007): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Cocoa Archive 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
- Wandering Study color palette (#D6E2DA, #91A5A0, #558588, #423500, #000602)
- Weathered Garnet Bloom color palette (#F0E9F4, #AB9AA6, #6C836B, #660037, #09010F)
- Dusty Cocoa Lantern color palette (#F6EEE8, #BFB2A1, #9C9675, #893400, #1D1109)
- Tempered Study color palette (#F4ECE7, #D8CEC3, #B4A487, #7A3800, #060200)
- Fern Drift color palette (#E4EBE7, #C2CECC, #89ABAF, #615500, #071A11)
- Driftwood Drift color palette (#F7EFF2, #CED5D8, #9D9FAB, #9D7C59, #3F3236)
- Weathered Olive Meadow color palette (#ECF4F2, #D0DADF, #B4BECC, #5C8243, #1E302D)
- Tempered Basin color palette (#E0EFE6, #487538, #004132, #360038, #010400)
Browse the whole catalog at Explore, or see today's palette.