Twilit Onyx color palette — #D0E9F0 · #005677 · #002B53 · #0B0041 · #020009

Built around Deep Indigo, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Frost (#D0E9F0): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#005677): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#002B53): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#0B0041): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#020009): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

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

• Cobalt Meadow color palette (#CEECFF, #007BBE, #00467D, #001338, #00000C)
• Navy Grove color palette (#CAE3F2, #004A96, #1D0088, #15003C, #040009)
• Midnight Abyss color palette (#D8EFE7, #005D55, #003134, #001119, #000204)
• Muted Iris Thicket color palette (#CFE2FD, #9074DB, #985089, #003340, #010011)
• Eclipse Nightshade Alley color palette (#D8DFED, #0037C0, #523500, #001457, #020100)
• Frosted Cornflower Market color palette (#E0EDF7, #127CF7, #4541C0, #391F71, #1F032C)
• Ultramarine Meadow color palette (#E3EEF9, #0026E3, #350080, #1F0035, #040004)
• Pale Field color palette (#C8EDFE, #1DA4FD, #2F64EF, #3E3A95, #31154A)

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