Washed Cocoa Field color palette — #CDE8EF · #005E5C · #5A3C00 · #2C2A00 · #001110

Built around Bronze, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Frost (#CDE8EF): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#005E5C): A full-bodied, dusty teal — the color of glacier melt.
• Bronze (#5A3C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Espresso (#2C2A00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#001110): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Washed 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

• Basalt Basin color palette (#CFE7F3, #004D5A, #3F3600, #122200, #000608)
• Nightshade Field color palette (#D6E1F0, #0049B0, #005219, #003029, #000B28)
• Chestnut Field color palette (#C9E9D9, #007A9F, #8B5000, #00511E, #00120A)
• Fern Courtyard color palette (#C9EAFF, #00709E, #4D6200, #004A26, #002234)
• Softworn Mulberry color palette (#F7E5FA, #972647, #552900, #232000, #001706)
• Quiet Field color palette (#D8DCF9, #7442B3, #006159, #003F4D, #161634)
• Navy Summit color palette (#D4E0EF, #00317C, #00340D, #001713, #000109)
• Wandering Station color palette (#EFF6FF, #0D71E5, #1D7C0C, #005745, #152B4B)

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