Cocoa Field color palette — #CAEFE7 · #609BB2 · #60638A · #5A3100 · #351800

A conversation between Cocoa and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#CAEFE7): A whisper-light, dusty teal — the color of glacier melt.
• Slate Blue (#609BB2): A luminous, dusty blue — the color of open sky before noon.
• Slate (#60638A): A full-bodied, dusty violet — the color of a velvet chair.
• Cocoa (#5A3100): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#351800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Muted Periwinkle Thicket color palette (#D9ECF0, #6797D6, #815967, #4A3D0D, #2A2100)
• Turquoise Thicket color palette (#DEF8DD, #69B5D8, #6D719E, #694600, #32230A)
• Petrol Thicket color palette (#E5F0D9, #599A7C, #1E7088, #622F2D, #330A02)
• Dusty Fern Summit color palette (#D7E7E2, #65A297, #536F87, #504B0F, #37370C)
• Antique Cobalt Drift color palette (#C7E6E8, #3F82C1, #5B4877, #3D2A00, #1D1100)
• Cobalt Basin color palette (#CDE7EF, #70B3D0, #667AAF, #794648, #4D2D3D)
• Timeworn Study color palette (#D8F9E3, #8EBEB2, #977784, #6D5500, #393730)
• Dusty Wisteria color palette (#DFE4FF, #C495E4, #9B6A73, #555B0F, #2E2F28)

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