Midnight Onyx color palette — #D3F1F2 · #005868 · #002C44 · #04003F · #02000C

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

The five colors

• Frost (#D3F1F2): A whisper-light, dusty teal — the color of shallow lagoons.
• Peacock (#005868): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#002C44): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#04003F): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#02000C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication, Depth. Tagged dark, muted, cool.

Use it as a design system

One click turns Midnight 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

• Velvet Abyss Harbor color palette (#D2ECE0, #005B51, #00353D, #00131E, #000107)
• Twilit Quarry color palette (#D8E9E3, #00517D, #523400, #002136, #020100)
• Shadow Petrol Basin color palette (#CAE5ED, #007EA8, #004167, #00102C, #00000C)
• Navy Harbor color palette (#D8F6FA, #00799B, #004E74, #001A79, #050021)
• Chalky Iris Drift color palette (#D5E7DF, #8473D4, #9B4D7B, #003737, #00000F)
• Velvet Chestnut color palette (#D9E9DE, #815300, #00597F, #07090F, #000201)
• Shadow Garden color palette (#D5E6FF, #1A50DB, #080084, #010031, #000105)
• Fern Terrace color palette (#EDE9CA, #3A5E00, #302A00, #180B00, #010100)

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