Cocoa Orchard color palette — #CCF3E6 · #006191 · #753300 · #002D46 · #070100

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

The five colors

• Honeydew (#CCF3E6): A whisper-light, dusty teal — the color of shallow lagoons.
• Peacock (#006191): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Rust (#753300): A full-bodied, balanced orange — the color of autumn markets.
• Midnight (#002D46): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#070100): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Optimism, Calm, Sophistication. Tagged muted, cool.

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

• Garnet Pier color palette (#D3F4FC, #006777, #8B0033, #003039, #0A0001)
• Lowlit Denim color palette (#D8EEFB, #005070, #583500, #2F2900, #000103)
• Soft Grove color palette (#C8E3FB, #248FD4, #982B00, #004973, #230400)
• Airy Chestnut color palette (#CCE6FA, #0088BD, #9C5000, #00415D, #030100)
• Bronze Station color palette (#E0EEDE, #896900, #006C87, #060C14, #000201)
• Mulberry Coast color palette (#CFE6DC, #006791, #810073, #003147, #21001C)
• Lapis Ridge color palette (#F6E1F0, #3B2BEB, #614300, #1A0080, #050200)
• Cornflower Archive color palette (#ECDEEC, #4394FF, #AA5500, #003D84, #260E00)

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