Shadow Onyx color palette — #DCEAF8 · #004069 · #260053 · #18000F · #000202

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

The five colors

• Frost (#DCEAF8): A whisper-light, dusty blue — the color of deep harbor water.
• Navy (#004069): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#260053): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#18000F): A deep, shadowed, dusty pink — the color of neon signs at night.
• 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 Shadow Onyx 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

• Onyx Quarry color palette (#D0ECF8, #00454D, #001E3F, #0F0022, #000300)
• Onyx Coast color palette (#D2E1F0, #003E68, #3D0021, #170006, #000200)
• Worn Onyx color palette (#DCE6F6, #5C659A, #3A3055, #38031C, #180600)
• Cerulean Study color palette (#DBEFEC, #308F9C, #004452, #002222, #000B11)
• Dusty Navy color palette (#D2E3F0, #00869D, #006389, #003E80, #000409)
• Lowlit Studio color palette (#E0E4F6, #460199, #3A002B, #190100, #000205)
• Lowlit Drift color palette (#D8E8F9, #005DCA, #010B8F, #09004C, #060027)
• Lowlit Market color palette (#DFEDDA, #00675A, #4E007E, #291600, #000300)

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