Obsidian Pier color palette — #F8DFCF · #703800 · #004A33 · #003733 · #030100

Bronze and Forest set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#F8DFCF): A whisper-light, dusty gold — the color of old brass.
• Bronze (#703800): A full-bodied, balanced gold — the color of old brass.
• Forest (#004A33): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Forest (#003733): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#030100): 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 Pier 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 Garnet color palette (#FFEAE6, #8D0602, #324600, #003923, #040000)
• Spruce Orchard color palette (#F7F0D3, #434800, #004317, #001943, #010100)
• Smoked Mulberry Chapel color palette (#FFE2FA, #7C0073, #004B29, #00312D, #030003)
• Twilit Fern color palette (#F8E9D4, #646625, #473200, #2C0E00, #000200)
• Garnet Courtyard color palette (#FFDBD9, #92001D, #0C4F07, #00227F, #170001)
• Tempered Bronze color palette (#FCECE3, #AE5600, #007470, #05566A, #1C0800)
• Airy Plum color palette (#FFE0E6, #BB0057, #00657D, #23466B, #160005)
• Feathered Parlor color palette (#E4E0CA, #675800, #4223BC, #510071, #050300)

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