Cocoa Field color palette — #F9DAEA · #873B00 · #163400 · #00090E · #020006
A conversation between Burnt Sienna and Deep Forest, giving this palette its sense of nature and growth.
The five colors
- Shell Pink (#F9DAEA): A whisper-light, dusty rose — the color of pressed rose petals.
- Burnt Sienna (#873B00): A full-bodied, balanced orange — the color of toasted spice.
- Deep Forest (#163400): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#00090E): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#020006): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Cocoa Field 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
- Moonless Mulberry Lagoon color palette (#FAE0F9, #A0002E, #2D2D00, #000A0B, #020007)
- Smoked Drift color palette (#D0E9D2, #6E4E00, #003428, #000325, #040001)
- Lowlit Spruce Villa color palette (#F2EADA, #4A3B00, #291F26, #022602, #000C0B)
- Hushed Bronze color palette (#FFECDC, #966B00, #493800, #171400, #010100)
- Bronze Field color palette (#F1DBCD, #A57924, #475000, #002635, #000115)
- Blush Lantern color palette (#F6D6E5, #FF7681, #CA6100, #5B4D00, #020100)
- Weathered Rust color palette (#EDDFE7, #BC4800, #006557, #003A5C, #02000C)
- Moonless Olive color palette (#DDF6EC, #656E00, #004548, #150045, #040001)
Browse the whole catalog at Explore, or see today's palette.