Twilit Onyx color palette — #D0E2F6 · #002D54 · #1D1E25 · #310100 · #0A0800

Built around Midnight, softened by Ink — the whole palette hums with trust and stability.

The five colors

• Frost (#D0E2F6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Midnight (#002D54): A deep, shadowed, balanced blue — the color of deep harbor water.
• Onyx (#1D1E25): a grounded near-black with real depth.
• Ink (#310100): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#0A0800): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.

Use it as a design system

One click turns Twilit 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 Onyx color palette (#DEF1FF, #00374A, #33000D, #0F0800, #010205)
• Lowlit Aubergine Thicket color palette (#E6EDFD, #290078, #2A1300, #040F00, #000203)
• Obsidian Aubergine color palette (#E9ECFF, #554C44, #2F006C, #281700, #000C02)
• Smoked Lagoon color palette (#EAEFFF, #693400, #33007B, #2B1326, #090010)
• Moonless Nightshade color palette (#D2EDD7, #243BA6, #350053, #150B00, #030016)
• Worn Navy color palette (#E2E8F1, #959AA6, #6D6F83, #032563, #010919)
• Ultramarine Workshop color palette (#DDE9FE, #344CBD, #612900, #222B00, #00141D)
• Moonless Coast color palette (#FEE2ED, #5F1BA5, #520075, #251D00, #000207)

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