Cocoa Orchard color palette — #D8E5DA · #005D65 · #673300 · #053203 · #001013

Bronze and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#D8E5DA): A whisper-light, dusty teal — the color of shallow lagoons.
• Peacock (#005D65): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Bronze (#673300): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#053203): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#001013): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Hushed Garnet Station color palette (#E2EFD8, #00604C, #810406, #292B00, #00110C)
• Smoked Abyss Lagoon color palette (#DBEDE6, #004A68, #463200, #00221F, #00050B)
• Airy Petrol color palette (#C7EFE3, #006DAC, #635A00, #004743, #002139)
• Ancient Lantern color palette (#EBD9DF, #6F11AC, #712900, #153000, #1E020E)
• Powdered Ultramarine color palette (#F1DEEB, #3C3FC5, #582600, #00261F, #000F12)
• Frosted Sapphire color palette (#F5DBF1, #1F58FD, #A02576, #004E45, #190417)
• Washed Alley color palette (#DDE8F7, #004CAB, #760A58, #002F25, #00020A)
• Washed Amethyst Alley color palette (#F3D4E4, #774DE6, #1D5100, #003E4E, #1B1434)

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