Cocoa Field color palette — #FAE2D5 · #5F2A00 · #003551 · #121A37 · #030100
A conversation between Rust and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Parchment (#FAE2D5): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Rust (#5F2A00): A deep, shadowed, balanced gold — the color of old brass.
- Deep Teal (#003551): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#121A37): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Black (#030100): a grounded near-black with real depth.
Feels like: Trust, Stability, 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
- Smoked Aubergine Terrace color palette (#F8E8DE, #622F00, #003D32, #2D005F, #040100)
- Chestnut Dune color palette (#FFE7D2, #895200, #442700, #1A221B, #120500)
- Nocturne Navy Bloom color palette (#C8F3EC, #124800, #003453, #12006F, #000200)
- Eclipse Lantern color palette (#F1E7FF, #5020F0, #863600, #0D0D04, #040002)
- Nocturne Study color palette (#CBEBE6, #0E590A, #3018A4, #3D005D, #000200)
- Pine Meadow color palette (#FDE0F3, #9A8553, #117A41, #580026, #060200)
- Softworn Brick Ridge color palette (#F6E0D7, #A8001A, #004D90, #1B2998, #070000)
- Feathered Thicket color palette (#D0F0DA, #826800, #006497, #35427B, #0F0A00)
Browse the whole catalog at Explore, or see today's palette.