Shadow Onyx color palette — #D0F0F5 · #003F47 · #510D00 · #290300 · #000203

Espresso and Ink set the tone — five colors that lean into sophistication and depth.

The five colors

• Frost (#D0F0F5): A whisper-light, dusty blue — the color of deep harbor water.
• Deep Teal (#003F47): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Espresso (#510D00): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#290300): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#000203): quiet, heavy and certain.

Feels like: 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 Garden color palette (#D5EDFF, #003445, #341000, #121E1E, #130300)
• Onyx Study color palette (#DBEBD6, #154300, #54001D, #2B000B, #000202)
• Charred Navy color palette (#D0E0F5, #00317B, #3A2600, #1B1000, #000109)
• Shadow Aubergine color palette (#CEEEDA, #003D4A, #360069, #0A1600, #000102)
• Shadow Nightshade Study color palette (#E5EEFF, #2C00C3, #3D3600, #211D00, #02001D)
• Pale Nightshade color palette (#E4EEFC, #0049AE, #5E3A00, #3B2200, #000C24)
• Washed Onyx color palette (#DAE8F1, #8F9AAD, #6C6D8D, #003041, #000B14)
• Shadow Aubergine Canyon color palette (#D0E9F0, #00686A, #43004E, #002323, #02000C)

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