Obsidian Basalt color palette — #D8EED6 · #543300 · #00222F · #181608 · #170005

Cocoa and Ink set the tone — five colors that lean into optimism and sophistication.

The five colors

• Honeydew (#D8EED6): A whisper-light, dusty green — the color of a quiet forest floor.
• Cocoa (#543300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Midnight (#00222F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#181608): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#170005): A deep, shadowed, dusty red — the color of embers at dusk.

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

Use it as a design system

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

• Basalt Harbor color palette (#CAEDE2, #314400, #002329, #0E0023, #070000)
• Onyx Workshop color palette (#CEECEC, #00482E, #3A002C, #131308, #170004)
• Obsidian Garnet Workshop color palette (#F0DCEB, #740402, #002421, #15000E, #030100)
• Inked Spruce Pier color palette (#D8EBE7, #383F46, #0F3300, #0F1419, #000302)
• Linen Aubergine Workshop color palette (#C2EAE6, #0F8F3E, #6B0090, #3A2900, #150D00)
• Inked Fern color palette (#D9E8DA, #575E00, #003411, #1E1100, #010100)
• Inked Thicket color palette (#DCF6EB, #575E00, #300B93, #2D1100, #090200)
• Velvet Navy Workshop color palette (#DBF4E2, #493A00, #140062, #0E001C, #030005)

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