Twilit Cocoa color palette — #CBECF8 · #00575D · #662300 · #002426 · #030000

A conversation between Rust and Peacock, giving this palette its sense of trust and stability.

The five colors

• Frost (#CBECF8): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#00575D): A full-bodied, dusty blue — the color of open sky before noon.
• Rust (#662300): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#002426): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#030000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged 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

• Lowlit Garnet color palette (#E2F3F8, #004350, #561B00, #2B1900, #000102)
• Deep Canyon color palette (#CEEFFB, #00575D, #68005A, #002426, #040003)
• Wandering Terracotta color palette (#D4EFDC, #007889, #942B00, #00313A, #040000)
• Velvet Brick Lantern color palette (#EDEBDC, #B2070D, #005C6D, #070C10, #000103)
• Fern Garden color palette (#FFE2EB, #625100, #3E2200, #230200, #010100)
• Faded Azure Workshop color palette (#DBE8F3, #2498D6, #944100, #004C70, #220A00)
• Cobalt Boulevard color palette (#DBECFD, #006FB5, #6F5300, #003960, #0C0700)
• Nightshade Villa color palette (#DAE2EF, #2036B7, #543300, #080067, #020100)

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