Onyx Canyon color palette — #D2E2F3 · #004272 · #39003D · #001710 · #000102

Deep Indigo and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D2E2F3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Navy (#004272): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#39003D): A deep, shadowed, balanced pink — the color of peonies in June.
• Ink (#001710): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000102): quiet, heavy and certain.

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

• Deep Aubergine Delta color palette (#E2F3FC, #003E4C, #360067, #031800, #000201)
• Moonless Navy color palette (#F2E5F1, #00388F, #3E1300, #121300, #000303)
• Shadow Aubergine color palette (#DAE0F6, #42008C, #51001C, #001014, #000106)
• Navy Grove color palette (#E3E7EF, #999EB8, #777992, #2E2B6B, #02040D)
• Softworn Lantern color palette (#F6EEFF, #B45397, #8B4D00, #273F6C, #131220)
• Moonless Station color palette (#EAEBFC, #5D00A5, #003931, #00222D, #000107)
• Weathered Byzantium Studio color palette (#F0F0FF, #9123DE, #A7001D, #004459, #050D29)
• Chalky Pier color palette (#DDE5FD, #5F3CD6, #00543E, #002A2F, #00030B)

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