Obsidian Cocoa color palette — #FAE8F3 · #823D4A · #5A2003 · #001B0E · #000400

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

The five colors

• Blush (#FAE8F3): A whisper-light, dusty pink — the color of peonies in June.
• Garnet (#823D4A): A full-bodied, balanced red — the color of a theater curtain.
• Espresso (#5A2003): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#001B0E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000400): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Obsidian Chestnut color palette (#F2E2DF, #884819, #443300, #001F22, #000306)
• Shadow Field color palette (#E4E5F9, #77417E, #50263A, #191A00, #000700)
• Tempered Canyon color palette (#F9E4EA, #A96068, #754940, #3B3200, #111400)
• Tempered Pewter Meadow color palette (#F4EBFC, #864E67, #623020, #00292E, #04111F)
• Terracotta Veranda color palette (#FFDCCE, #9F2900, #4E1500, #170300, #040000)
• Bronze Ridge color palette (#FFDCDB, #AD6D4B, #634700, #00363B, #00130C)
• Lowlit Canyon color palette (#FFE4DF, #710E00, #003C1A, #13006F, #040000)
• Eclipse Workshop color palette (#EEDED8, #920014, #00444A, #410004, #000102)

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