Obsidian Coast color palette — #FFECD2 · #745700 · #3F3500 · #181900 · #040800

Coffee and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFECD2): A whisper-light, dusty gold — the color of old brass.
• Coffee (#745700): A full-bodied, balanced gold — the color of old brass.
• Espresso (#3F3500): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#181900): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#040800): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Eclipse Cocoa Canyon color palette (#FCD8C6, #5F4500, #332B00, #0B1100, #000300)
• Weathered Olive color palette (#E8EEDE, #5E6C00, #233100, #182528, #070B00)
• Smoked Terracotta color palette (#FFE7E4, #9D3200, #492000, #211000, #050500)
• Charred Basin color palette (#E8E0C6, #575400, #3C00A8, #232200, #05001F)
• Pine Lagoon color palette (#E5E0CA, #6A9F60, #008462, #403100, #0D0B00)
• Lowlit Onyx color palette (#EAE3C4, #3F4300, #003850, #470027, #020200)
• Olive Hollow color palette (#E8EBDB, #588800, #005813, #00351F, #002118)
• Dusty Sapphire Workshop color palette (#F7E0E9, #3B5DFF, #16700E, #00110B, #020200)

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