Ancient Cocoa Courtyard color palette — #E6F7EC · #8CB7A1 · #817543 · #5E490D · #0F281F

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

The five colors

• Cream (#E6F7EC): A whisper-light, dusty teal — the color of sea glass.
• Sage (#8CB7A1): A luminous, dusty teal — the color of shallow lagoons.
• Walnut (#817543): A full-bodied, dusty green — the color of new leaves after rain.
• Bronze (#5E490D): A full-bodied, dusty gold — the color of honey in a jar.
• Onyx (#0F281F): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Ancient Cocoa Courtyard 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

• Antique Chestnut Alley color palette (#D6E5DA, #A09A6D, #776311, #513A00, #001E13)
• Cocoa Lantern color palette (#FCEDF5, #C0A1AF, #956952, #6F3C2B, #321A24)
• Dusty Driftwood Corridor color palette (#FBF5E7, #CBBD96, #A08F44, #7A6638, #3F3D36)
• Timeworn Summit color palette (#EAF6EA, #A77E3A, #31885A, #005F5C, #0D1F0F)
• Velvet Terrace color palette (#DDF0E6, #5F6722, #3A3800, #1D1800, #010200)
• Feathered Plum color palette (#F7EFF7, #E39DA3, #A66138, #B51E44, #1A0712)
• Dusty Terracotta Studio color palette (#F1D5E3, #C17A41, #914000, #611B00, #1E0D00)
• Hushed Mulberry color palette (#F6EFF9, #D6A88E, #7D3D54, #421527, #100913)

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