Cocoa Orchard color palette — #E7F4FB · #5EA8BF · #856196 · #7A3500 · #002F2B

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

The five colors

• Ivory (#E7F4FB): a clean, paper-quiet neutral.
• Cyan (#5EA8BF): A luminous, balanced blue — the color of open sky before noon.
• Slate (#856196): A full-bodied, balanced violet — the color of wild irises.
• Rust (#7A3500): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#002F2B): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

One click turns Cocoa Orchard 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 Garnet color palette (#E6F5FA, #6CA8AD, #6F69A4, #7A303B, #2E2700)
• Worn Garden color palette (#EEF1FD, #8885C1, #9A4458, #503E00, #00251C)
• Tempered Loft color palette (#F4F7EB, #77A57C, #895B9C, #4D5A22, #44433B)
• Softworn Pewter Veranda color palette (#E4F5FF, #B8C8DA, #9096AB, #7F5E73, #324934)
• Lilac Coast color palette (#EEF8F2, #76BDD4, #9C7AC3, #92564D, #44423B)
• Aged Mulberry Chapel color palette (#E7F4FF, #008AD1, #9A1180, #4F3200, #001E15)
• Bronze Courtyard color palette (#ECF8F9, #98DBCC, #819ACB, #8E6019, #004339)
• Cerulean Corridor color palette (#E1F0FA, #458BB1, #303C4C, #11202B, #070E11)

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