Cocoa Orchard color palette — #EEF7FD · #62A1C0 · #975D67 · #7A422D · #3B481F

A conversation between Bronze and Blue Fog, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EEF7FD): bright and airy, almost weightless.
• Blue Fog (#62A1C0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Pewter (#975D67): A full-bodied, dusty red — the color of late-summer berries.
• Bronze (#7A422D): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Olive (#3B481F): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, 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

• Teal Thicket color palette (#EAF8FA, #5CA896, #82628E, #76414C, #2E4B2F)
• Patina Archive color palette (#F1F5FE, #A9ACDF, #A87AA6, #9A4E56, #5A3A1D)
• Aged Meadow color palette (#F1F5FF, #7A80CC, #915027, #22542C, #003C35)
• Hushed Chapel color palette (#FAEEF6, #8D98D0, #86638C, #792F43, #3B1F06)
• Pewter Alley color palette (#E7F9FF, #B1C2D0, #8F94AB, #5F786A, #3A5759)
• Patina Iris color palette (#E6F5FF, #90C0EE, #7B87C0, #625F8F, #5A4863)
• Ancient Mulberry Parlor color palette (#E9F8FF, #008DA3, #952270, #3F4400, #003C17)
• Muted Wisteria color palette (#F0F8F0, #79DADC, #C794CC, #99854E, #44423B)

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