Cocoa Field color palette — #F1E2E9 · #763400 · #0E3400 · #001D20 · #0F0012

Rust and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#F1E2E9): a clean, paper-quiet neutral.
• Rust (#763400): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#0E3400): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#001D20): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0F0012): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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

• Twilit Cocoa color palette (#FFE5EF, #703700, #003443, #0B1A2E, #0C031B)
• Chalky Rust Quarry color palette (#FAE2E4, #C74D00, #693F00, #302800, #111700)
• Moonless Studio color palette (#F1DFF4, #8E0046, #003531, #00201D, #01041B)
• Softworn Chestnut color palette (#F2E4CD, #7A5D00, #5C4600, #003540, #120001)
• Obsidian Veranda color palette (#EDD8E2, #4C1F00, #301613, #001B33, #120018)
• Hushed Garnet color palette (#F3EAF0, #CEAFBB, #7F9485, #792211, #271B24)
• Timeworn Brick Coast color palette (#D3EDDB, #BB1F00, #4B3A00, #002546, #270E00)
• Antique Thicket color palette (#FFEAD5, #945200, #00485D, #003241, #2E0728)

Browse the whole catalog at Explore, or see today's palette.