Twilit Onyx color palette — #F7EFDF · #00505D · #002248 · #1E0001 · #000103

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

The five colors

• Cream (#F7EFDF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Peacock (#00505D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#002248): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#1E0001): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged retro, 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

• Smoked Boulevard color palette (#E6DFD1, #00543C, #00282D, #1A0015, #000201)
• Nocturne Aubergine Boulevard color palette (#EEDFC1, #004A79, #240064, #160600, #000107)
• Inked Onyx Garden color palette (#DCEEE7, #453B40, #002E43, #0C1417, #00020B)
• Ancient Hollow color palette (#F0E4D3, #278791, #004353, #00201B, #000103)
• Twilit Denim color palette (#D2EAF3, #1661A9, #302F55, #300E00, #050200)
• Onyx Market color palette (#D1F2F1, #006D8E, #003F6F, #36003F, #000408)
• Navy Garden color palette (#F8E8DA, #00736E, #090E95, #170800, #000102)
• Quiet Nightshade color palette (#EFDCC0, #0082B7, #393BA2, #4C1B00, #000F22)

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