Cocoa Courtyard color palette — #F1DAC9 · #753300 · #002F3C · #000D2E · #000106

Built around Rust, softened by Ink — the whole palette hums with trust and stability.

The five colors

• Bone (#F1DAC9): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rust (#753300): A full-bodied, balanced orange — the color of autumn markets.
• Midnight (#002F3C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000D2E): A deep, shadowed, dusty violet — the color of a velvet chair.
• Black (#000106): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

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

• Garnet Veranda color palette (#F8E4DD, #8C0027, #003130, #00131C, #000102)
• Eclipse Meadow color palette (#EFE4D9, #6C3D00, #003418, #001527, #130011)
• Weathered Lantern color palette (#F2DAE3, #965300, #5C3F00, #00264F, #100500)
• Cellar Pier color palette (#FCDDE8, #945600, #004A15, #001823, #030005)
• Shadow Basalt color palette (#F0DCBF, #495652, #4A3000, #17211D, #050800)
• Navy Ridge color palette (#F2E6D3, #5F4400, #050087, #130036, #020006)
• Onyx Summit color palette (#F9D5E6, #945D4C, #4B4700, #390139, #150011)
• Velvet Navy Study color palette (#EFE4C7, #625900, #1B2585, #370016, #0C0003)

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