Obsidian Cocoa Canyon color palette — #F1DDD6 · #784300 · #362500 · #0F0C00 · #010100

Bronze takes the lead with Espresso close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Parchment (#F1DDD6): A whisper-light, dusty orange — the color of sun-warmed clay.
• Bronze (#784300): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#362500): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#0F0C00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#010100): a grounded near-black with real depth.

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

Use it as a design system

One click turns Obsidian Cocoa Canyon 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 Quarry color palette (#FFE9ED, #A63B00, #442900, #101000, #000501)
• Fern Studio color palette (#F1E5C3, #585A00, #213400, #000F02, #000201)
• Muted Scarlet Harbor color palette (#FBD4E0, #D53C26, #8C5300, #3B3900, #020100)
• Patina Amber Station color palette (#F6E9DC, #AE8514, #615700, #2B3300, #021400)
• Antique Onyx Alley color palette (#E8E1E4, #9A888D, #58735F, #461B00, #040002)
• Linen Courtyard color palette (#FFDCC5, #D79937, #8D6E00, #444700, #101F00)
• Antique Moss color palette (#DCE1D1, #44A726, #007642, #003C32, #001616)
• Worn Olive color palette (#F4EBB4, #B0BA82, #54853E, #00592D, #002E24)

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