Cocoa Field color palette — #E6F5FF · #0086B0 · #842D00 · #002C27 · #000202

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

The five colors

• Ivory (#E6F5FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#0086B0): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#842D00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#002C27): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000202): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Tempered Sapphire color palette (#EAF3FF, #1A73EE, #714000, #002A34, #000203)
• Tempered Mulberry color palette (#DDF8FF, #008C89, #8E0051, #002D18, #000201)
• Ultramarine Balcony color palette (#EBDBE6, #3E44BA, #5E2000, #002712, #00100E)
• Tempered Atelier color palette (#F0F6FF, #6B93FF, #8F6000, #004853, #00161A)
• Wandering Plum color palette (#C7E9FF, #9D95D2, #9C536E, #005647, #001C16)
• Washed Forest color palette (#EBFAED, #9AAB69, #00733E, #5B2547, #060900)
• Tempered Cobalt Archive color palette (#FEF1F9, #91D8ED, #007FCD, #005340, #06062A)
• Aged Crimson Grove color palette (#F4DEE8, #986EFF, #D01946, #5D5100, #001613)

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