Twilit Field color palette — #E2EBF9 · #0036DE · #3B2A2B · #0E1834 · #030916

A conversation between Cobalt and Midnight, giving this palette its sense of energy and depth.

The five colors

• Frost (#E2EBF9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cobalt (#0036DE): A full-bodied, vivid violet — the color of wild irises.
• Espresso (#3B2A2B): A deep, shadowed, dusty red — the color of embers at dusk.
• Midnight (#0E1834): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#030916): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Energy, Depth, Luxury. Tagged noir, dark, luxury, vibrant.

Use it as a design system

One click turns Twilit Field 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

• Lapis Loft color palette (#DAE1F0, #4545E1, #1D2342, #0C1322, #040408)
• Inked Denim color palette (#D5EAFE, #00598E, #362A2C, #051A34, #000A17)
• Midnight Grape Garden color palette (#DEE1F4, #6700CA, #352521, #240D34, #060718)
• Byzantium Field color palette (#EAE0F1, #9723CD, #B10033, #005182, #2A1437)
• Pale Grape Archive color palette (#E5EAFF, #796EF9, #6240CE, #46287F, #321C4C)
• Aubergine Workshop color palette (#EBECFF, #52007E, #36181A, #130017, #010109)
• Cornflower Orchard color palette (#D5E7FE, #4588F4, #5D4971, #1A2F51, #00050A)
• Dusty Violet Studio color palette (#D5DCFD, #8857F4, #007A7C, #4F3092, #003031)

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