Onyx Loft color palette — #DCE4F6 · #705300 · #100045 · #0C0616 · #01000A

Deep Indigo and Coffee set the tone — five colors that lean into optimism and creativity.

The five colors

• Frost (#DCE4F6): A whisper-light, dusty violet — the color of twilight just after sunset.
• Coffee (#705300): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Indigo (#100045): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#0C0616): A deep, shadowed, dusty violet — the color of a velvet chair.
• Black (#01000A): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Onyx 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

• Twilit Chestnut color palette (#E9E3FC, #705300, #270027, #1F0F02, #030003)
• Chestnut Harbor color palette (#DFF1FF, #705300, #372D2F, #001722, #000103)
• Eclipse Navy Basin color palette (#D8E5F8, #778300, #030060, #130914, #00000C)
• Deep Onyx Ridge color palette (#EAE7FB, #987200, #45044C, #120015, #020006)
• Washed Harbor color palette (#EEEDFC, #90899E, #72657A, #3C134C, #010007)
• Nocturne Aubergine color palette (#FFE4F4, #B3505D, #2A0777, #05001F, #060003)
• Stone Pier color palette (#F5EFF7, #D8C08F, #83505A, #3A2A3D, #181119)
• Aged Balcony color palette (#E7E6FD, #C69820, #5C2F73, #1B1734, #05040F)

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