Onyx Canyon color palette — #D3E3EA · #005B76 · #0E0F42 · #12131A · #000306

A conversation between Deep Indigo and Peacock, giving this palette its sense of trust and stability.

The five colors

• Silver (#D3E3EA): bright and airy, almost weightless.
• Peacock (#005B76): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#0E0F42): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#12131A): quiet, heavy and certain.
• Ink (#000306): quiet, heavy and certain.

Feels like: Trust, Stability, Creativity, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Forest Lantern color palette (#CBF1E7, #006153, #3D3941, #001C26, #000304)
• Inked Loft color palette (#E0ECFF, #004BAF, #220A35, #1C1316, #00020A)
• Petrol Pier color palette (#E2F3FF, #00749B, #003557, #1B1922, #00080F)
• Chalky Petrol Pier color palette (#F5E7F4, #51B3B7, #007092, #004E23, #001330)
• Violet Terrace color palette (#E4E9FF, #8862E7, #453955, #1D2032, #080E15)
• Misty Grape Harbor color palette (#E3E5F8, #8200D2, #4E3D3C, #3C1328, #07061A)
• Dusty Quarry color palette (#C9EEF5, #0085B5, #0057A7, #31018D, #1C0028)
• Quiet Loft color palette (#D0ECD5, #768F10, #006337, #003F4C, #00140E)

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