Obsidian Brick color palette — #F8D5DA · #B82F00 · #5A3100 · #201400 · #010100

Built around Brick, softened by Cocoa — the whole palette hums with optimism and depth.

The five colors

• Shell Pink (#F8D5DA): A whisper-light, dusty red — the color of a theater curtain.
• Brick (#B82F00): A full-bodied, vivid orange — the color of toasted spice.
• Cocoa (#5A3100): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#201400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#010100): a grounded near-black with real depth.

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

Use it as a design system

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

• Tempered Bronze color palette (#FFE5DB, #A05D00, #4C3B00, #191B00, #000200)
• Twilit Study color palette (#F5D8D3, #893800, #421E00, #1F0F00, #020100)
• Timeworn Denim Lantern color palette (#F8E4EC, #9B5700, #005699, #422200, #000104)
• Plum Study color palette (#FFE8F6, #C42A70, #7F0900, #270B00, #020100)
• Timeworn Garnet color palette (#FFE4EF, #C7C165, #00A480, #871D31, #020100)
• Denim Station color palette (#F9E9CF, #6F4E00, #004A78, #003457, #020100)
• Worn Amber color palette (#FFECDE, #C88900, #796900, #283900, #001203)
• Softworn Rust color palette (#F7E4EF, #008DC2, #B84D00, #0D0D04, #040002)

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