Onyx Canyon color palette — #DDE9F3 · #00425F · #200058 · #170011 · #000202

Built around Deep Indigo, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Frost (#DDE9F3): bright and airy, almost weightless.
• Navy (#00425F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#200058): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#170011): A deep, shadowed, dusty pink — the color of a candy shop window.
• Black (#000202): a grounded near-black with real depth.

Feels like: Trust, Stability, Creativity, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

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

• Moonless Navy Dune color palette (#D7E7FF, #002E97, #300044, #1A0007, #000203)
• Onyx Station color palette (#C8EDF7, #004646, #2C2730, #001F39, #0B0900)
• Onyx Orchard color palette (#E3F2FF, #4D454C, #00324B, #1C1822, #00040E)
• Cerulean Villa color palette (#DCEBE8, #378E9A, #004452, #002222, #000B11)
• Lowlit Nightshade Loft color palette (#E4F1FF, #0053B4, #0315A0, #08004D, #0D0018)
• Faded Navy Boulevard color palette (#D3EBFC, #00869A, #00698C, #003F7E, #00060D)
• Hushed Navy color palette (#DBECFF, #556699, #392F68, #390F27, #210600)
• Obsidian Balcony color palette (#DBE9D7, #00665F, #331093, #310F00, #000201)

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