Weathered Cocoa color palette — #EFE0E9 · #98AB99 · #6B8F82 · #772800 · #12050D
Built around Rust, softened by Eucalyptus — the whole palette hums with optimism and sophistication.
The five colors
- Rose Water (#EFE0E9): A whisper-light, dusty pink — the color of a candy shop window.
- Sage (#98AB99): A luminous, dusty green — the color of fresh herbs.
- Eucalyptus (#6B8F82): A luminous, dusty teal — the color of sea glass.
- Rust (#772800): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Ink (#12050D): 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 Weathered Cocoa 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
- Cocoa Harbor color palette (#E2EBE4, #92ABA4, #678F90, #564200, #030C05)
- Softworn Chestnut color palette (#ECE0E5, #AC9C9A, #77988F, #994A00, #13040C)
- Cocoa Delta color palette (#F5EAE3, #C1B9B0, #9A9179, #632700, #030100)
- Garnet Courtyard color palette (#EDE8F1, #B19EAC, #997E86, #6D2949, #0C0710)
- Tempered Coast color palette (#F4EDE8, #A3978C, #926729, #461E00, #130600)
- Wandering Coast color palette (#D6E2D9, #B0CBC3, #8EABAC, #795B00, #132418)
- Soft Bronze Alley color palette (#FFE3E0, #967900, #20632E, #252E4E, #0B122F)
- Wandering Bronze Grove color palette (#F0F8F0, #CCDEDE, #A8C4CE, #9F7842, #353D35)
Browse the whole catalog at Explore, or see today's palette.