Weathered Cocoa Field color palette — #E1F1F8 · #5C87B8 · #6F5F9F · #713014 · #170D00

Rust and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#E1F1F8): bright and airy, almost weightless.
• Slate Blue (#5C87B8): A luminous, balanced blue — the color of deep harbor water.
• Slate (#6F5F9F): A full-bodied, balanced violet — the color of wild irises.
• Rust (#713014): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#170D00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Weathered Pewter Dune color palette (#E0E5FB, #8A78A6, #865379, #503F00, #101A00)
• Garnet Courtyard color palette (#CDF5E9, #3297A2, #3D6989, #6F2F4B, #240200)
• Patina Denim Chapel color palette (#D0F5EA, #4E7D95, #594683, #352F03, #131000)
• Weathered Bloom color palette (#F1E9DD, #66ADB9, #0080A1, #005E55, #000A15)
• Weathered Denim color palette (#D8F7F4, #4C8E8E, #2D5680, #222500, #000200)
• Feathered Ultramarine Pier color palette (#F7E3F1, #5E71E4, #856F00, #3635CC, #080600)
• Wandering Bronze color palette (#DBE2F3, #B29DD2, #A5759A, #7E6620, #212C00)
• Navy Alley color palette (#D6E8F0, #3A577D, #33216C, #330E00, #050300)

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