Cocoa Meadow color palette — #F7E5E6 · #A67067 · #6F3E22 · #242600 · #010100
Built around Bronze, softened by Mocha — the whole palette hums with nature and growth.
The five colors
- Rose Water (#F7E5E6): a clean, paper-quiet neutral.
- Mocha (#A67067): A full-bodied, dusty orange — the color of toasted spice.
- Bronze (#6F3E22): A full-bodied, dusty orange — the color of toasted spice.
- Onyx (#242600): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Cocoa Meadow 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 Studio color palette (#FFD9E5, #9A575E, #692B1E, #292200, #140F00)
- Wandering Alley color palette (#FFEDDC, #B18940, #675A00, #013924, #000D0B)
- Onyx Market color palette (#D4E5D9, #847C3A, #3D4000, #3B000D, #010100)
- Washed Chestnut color palette (#E9DFEF, #B16F89, #955439, #004C5A, #00191F)
- Deep Garden color palette (#F1EDFF, #764166, #5C2619, #001A1B, #000306)
- Bronze Alley color palette (#FFDBCA, #CCA582, #896C2B, #26542E, #001F13)
- Twilit Atelier color palette (#F2DBE1, #BF1951, #7E0024, #280002, #040000)
- Wandering Terracotta Balcony color palette (#FFE3DD, #9D1600, #524600, #540058, #040000)
Browse the whole catalog at Explore, or see today's palette.