Obsidian Cocoa color palette — #F8D6E8 · #733000 · #2C3D00 · #001D11 · #050006

Rust and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F8D6E8): A whisper-light, dusty pink — the color of peonies in June.
• Rust (#733000): A deep, shadowed, balanced orange — the color of autumn markets.
• Forest (#2C3D00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#001D11): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#050006): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.

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

• Midnight Cocoa Basin color palette (#F9DFE9, #673700, #30312A, #160B00, #060002)
• Worn Pier color palette (#F9E9D2, #9A4900, #553600, #002805, #080200)
• Deep Spruce Terrace color palette (#FBE7ED, #693E00, #053904, #370023, #060000)
• Eclipse Garnet color palette (#EED9E9, #8C0012, #373400, #25003C, #060002)
• Nocturne Canyon color palette (#E6E1F4, #79007A, #5C2100, #00192D, #02000B)
• Velvet Mulberry color palette (#EFE4F9, #930062, #4C2C00, #080166, #02000C)
• Timeworn Garnet Cabin color palette (#F5E9F1, #B29EA9, #9A7C89, #752915, #10060D)
• Wandering Garnet color palette (#EDDBE2, #975100, #305F00, #590047, #140001)

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