Weathered Cocoa color palette — #F2E1CC · #959042 · #815700 · #692400 · #0A1B00
Built around Rust, softened by Coffee — the whole palette hums with nature and growth.
The five colors
- Parchment (#F2E1CC): A whisper-light, dusty gold — the color of old brass.
- Moss (#959042): A luminous, balanced green — the color of fresh herbs.
- Coffee (#815700): A full-bodied, balanced gold — the color of old brass.
- Rust (#692400): A deep, shadowed, balanced orange — the color of toasted spice.
- Ink (#0A1B00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.
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
- Muted Garnet color palette (#FFE9DB, #B18241, #904B29, #6D182D, #1A1600)
- Timeworn Loft color palette (#EBDECA, #9FA463, #8B6C28, #793808, #0F2C0A)
- Antique Chestnut color palette (#D4EDD6, #A19E56, #7F5700, #561D00, #010500)
- Softworn Bloom color palette (#FFEBD4, #C3B661, #B27923, #914932, #2A3C14)
- Feathered Mulberry color palette (#FFD3C3, #D4964E, #B75835, #921C45, #312900)
- Timeworn Cocoa Canyon color palette (#FFF3E9, #D9C8B1, #B79377, #916A5E, #574600)
- Misty Tangerine color palette (#EBD8EB, #FB7B27, #00923F, #00260B, #080B00)
- Misty Corridor color palette (#D8E2D3, #00AA91, #9911A0, #006152, #09000A)
Browse the whole catalog at Explore, or see today's palette.