Cocoa Terrace color palette — #F9EBE2 · #916B2C · #622900 · #2B0008 · #020100

Built around Rust, softened by Walnut — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#F9EBE2): bright and airy, almost weightless.
• Walnut (#916B2C): A full-bodied, balanced gold — the color of old brass.
• Rust (#622900): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#2B0008): A deep, shadowed, dusty red — the color of a theater curtain.
• Black (#020100): quiet, heavy and certain.

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

Use it as a design system

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

• Lowlit Chestnut Courtyard color palette (#F7E7EF, #784F18, #4A1C00, #280003, #050300)
• Midnight Olive Drift color palette (#F1E7D4, #677C33, #483B00, #1F0D00, #000200)
• Tempered Amber Orchard color palette (#F5DCCD, #B77600, #832E00, #450018, #020100)
• Dusty Coast color palette (#FFF3E6, #BFB378, #A36700, #712F1F, #151300)
• Ancient Moss color palette (#F1E4CA, #91A35A, #745D00, #4D2600, #000601)
• Patina Sapphire Lantern color palette (#E1F6E3, #A57A00, #3959FF, #17060B, #030003)
• Midnight Basin color palette (#F0D8DC, #7C0089, #533400, #001E18, #040001)
• Powdered Quarry color palette (#F3E0EA, #7B61D9, #573200, #300074, #020100)

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