Cocoa Loft color palette — #F5DDCD · #7F3000 · #004351 · #371000 · #000102

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

The five colors

• Parchment (#F5DDCD): A whisper-light, dusty gold — the color of honey in a jar.
• Rust (#7F3000): A full-bodied, balanced orange — the color of toasted spice.
• Deep Teal (#004351): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#371000): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#000102): quiet, heavy and certain.

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

Use it as a design system

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

• Chestnut Canyon color palette (#F7ECDB, #705300, #293435, #1C1200, #020100)
• Shadow Navy color palette (#F4DDBF, #674400, #00328B, #2B1A00, #000107)
• Nocturne Garden color palette (#FCDCD9, #8C004F, #004737, #3D0020, #000201)
• Nocturne Aubergine color palette (#F8ECE3, #602A00, #003B2D, #280060, #030100)
• Patina Rust Boulevard color palette (#FFE6D6, #B14200, #005E78, #4C1800, #000102)
• Moonless Chestnut Chapel color palette (#ECD8F5, #006B74, #6D4B00, #0C0D06, #020100)
• Nightshade Dune color palette (#F4EAC9, #5F5F00, #4700C2, #2C2C00, #030013)
• Pale Denim color palette (#ECDBCA, #C47B21, #005EA6, #663B00, #001228)

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