Shadow Onyx color palette — #D1F2FB · #005654 · #002D46 · #150041 · #130011

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

The five colors

• Frost (#D1F2FB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#005654): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#002D46): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#150041): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#130011): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Twilit Onyx color palette (#D9EFF7, #00454D, #001B46, #11001E, #000201)
• Cypress Pier color palette (#D5EFE6, #007564, #004640, #002323, #000C15)
• Misty Navy color palette (#CBF6EF, #04868B, #005A6D, #24186E, #25143A)
• Midnight Coast color palette (#D6E5F0, #005072, #2A0076, #280022, #170001)
• Twilit Fern color palette (#D8E8E0, #4F4C00, #002E43, #26000C, #030000)
• Patina Navy Lantern color palette (#DEF0F0, #6B93B9, #004792, #002D41, #000548)
• Timeworn Grove color palette (#DCF3F1, #52A204, #00874F, #005347, #001209)
• Linen Emerald Pier color palette (#DBE1D0, #00995F, #00717D, #004186, #090800)

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