Aged Cocoa Courtyard color palette — #FBF4EA · #DDE1CA · #9A8254 · #5E4000 · #201A12

Bronze and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FBF4EA): a clean, paper-quiet neutral.
• Celadon Mist (#DDE1CA): A whisper-light, dusty green — the color of new leaves after rain.
• Mocha (#9A8254): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#5E4000): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#201A12): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Aged 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

• Weathered Olive Ridge color palette (#F5F7E6, #EFE99E, #57844C, #383932, #101005)
• Hushed Bronze color palette (#FAF4EC, #F2DAB4, #B09B7A, #8B6523, #312A1F)
• Softworn Mustard color palette (#FBF5E5, #D4C474, #6CC0B3, #9F776B, #34312B)
• Washed Mustard color palette (#F0F0DC, #B7A300, #2B4500, #1D2728, #040A00)
• Basalt Veranda color palette (#EDF4EE, #AACEB1, #725E37, #412D00, #0C170E)
• Moonless Bronze color palette (#F3E5CC, #987500, #231A00, #0B0C06, #020100)
• Hushed Mint Basin color palette (#F8F5EC, #D6FDCA, #8EBE81, #9F9E64, #1E1F14)
• Weathered Sunflower Basin color palette (#F8F6E7, #E7D069, #5B6C05, #2E2800, #050400)

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