Cocoa Atelier color palette — #FDECD5 · #A5A061 · #8D5F00 · #7D2B00 · #253D0F
A conversation between Rust and Ochre, giving this palette its sense of nature and growth.
The five colors
- Cream (#FDECD5): A whisper-light, dusty gold — the color of old brass.
- Moss (#A5A061): A luminous, balanced green — the color of fresh herbs.
- Ochre (#8D5F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Rust (#7D2B00): A full-bodied, balanced orange — the color of toasted spice.
- Forest (#253D0F): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.
Use it as a design system
One click turns Cocoa Atelier 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
- Dusty Veranda color palette (#F8EED1, #85A975, #706D00, #654100, #00402C)
- Pale Courtyard color palette (#FFEADD, #BE9461, #9C5233, #821B3A, #3E3600)
- Muted Moss Boulevard color palette (#F6D9B8, #A18E1A, #7E4F00, #6D1A00, #1E2F00)
- Chestnut Archive color palette (#FCF4E8, #BFB89F, #937D54, #854E21, #4A4C00)
- Garnet Quarry color palette (#F4D8C9, #936D47, #7B2200, #4F0022, #1C1500)
- Antique Honey Alley color palette (#D9F9D8, #D9CB59, #CC9951, #B4694F, #133E36)
- Fern Ridge color palette (#E6DECF, #50611B, #352B00, #1E0B00, #000501)
- Frosted Navy color palette (#FEF0FD, #CA983E, #234488, #00196B, #251324)
Browse the whole catalog at Explore, or see today's palette.