Obsidian Loft color palette — #EADAD6 · #96002D · #00391D · #001D29 · #020006

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

The five colors

• Bone (#EADAD6): bright and airy, almost weightless.
• Garnet (#96002D): A full-bodied, vivid red — the color of a theater curtain.
• Deep Forest (#00391D): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#001D29): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#020006): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Smoked Cocoa color palette (#F1D9CA, #772600, #003D35, #001844, #040002)
• Smoked Lagoon color palette (#FFE7E7, #7D0061, #323B00, #001D1D, #010009)
• Brick Grove color palette (#EAE2D1, #B62401, #533400, #002427, #0E0200)
• Muted Plum Balcony color palette (#F5E2F5, #B60041, #005F2C, #003A4C, #11001C)
• Aged Navy color palette (#FADFCD, #A74A00, #005851, #000B81, #14000B)
• Dusty Garnet color palette (#F0E7E4, #BFB0A6, #A08971, #722723, #160602)
• Muted Aubergine color palette (#F0E2CB, #745800, #00485C, #3D0060, #080100)
• Muted Boulevard color palette (#FFEEE7, #BD6562, #006F45, #00425E, #200A10)

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