Velvet Cocoa color palette — #F9D8C1 · #763200 · #004558 · #1A2748 · #030100

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

The five colors

• Peach Cream (#F9D8C1): A whisper-light, dusty gold — the color of honey in a jar.
• Rust (#763200): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Teal (#004558): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#1A2748): A deep, shadowed, dusty violet — the color of a velvet chair.
• Black (#030100): a grounded near-black with real depth.

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

Use it as a design system

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

• Midnight Navy Courtyard color palette (#F1E6D5, #624200, #004657, #010C8F, #020100)
• Garnet Coast color palette (#FFE0E0, #8C0025, #084C09, #00363A, #040000)
• Ancient Bronze Cabin color palette (#F1E8DA, #836200, #30383D, #291C00, #040200)
• Airy Garnet Lagoon color palette (#F9E5DA, #783800, #3C4600, #59003D, #110400)
• Terracotta Studio color palette (#FFE4DB, #AD3B00, #006677, #004D83, #140200)
• Deep Field color palette (#F6E8DF, #A84F00, #5B2F00, #1C0900, #030100)
• Aged Harbor color palette (#F6E5CE, #996500, #00727E, #0047B6, #170C00)
• Pale Aubergine Garden color palette (#FDDDD3, #B03800, #615A00, #720068, #040000)

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