Twilit Cocoa color palette — #ECDBD1 · #99652F · #672300 · #2B0007 · #020100

Rust takes the lead with Ochre close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Bone (#ECDBD1): A whisper-light, dusty gold — the color of old brass.
• Ochre (#99652F): A full-bodied, balanced gold — the color of old brass.
• Rust (#672300): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#2B0007): A deep, shadowed, dusty red — the color of late-summer berries.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged earthy, warm, dark, muted.

Use it as a design system

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

• Dusty Olive color palette (#F5ECE0, #807400, #4F3700, #210B00, #010100)
• Soft Ridge color palette (#F5DBEA, #AA714D, #9D3E00, #741800, #070200)
• Obsidian Chestnut Field color palette (#FFE8F6, #814A00, #4D1800, #280006, #050300)
• Cocoa Drift color palette (#FFE6D7, #B97333, #882700, #450014, #020100)
• Tempered Ridge color palette (#FFF3E7, #C7B07C, #A0682C, #732D15, #181200)
• Timeworn Basin color palette (#F6E3C3, #9F9E59, #785B00, #4C2700, #020500)
• Obsidian Bronze Garden color palette (#E2EBD9, #B26400, #002216, #040C07, #000201)
• Lagoon Station color palette (#E2EBD6, #009162, #003E69, #003421, #000201)

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