Twilit Field color palette — #C8E3F7 · #00729B · #1C284E · #001A2B · #030812

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

The five colors

• Powder Blue (#C8E3F7): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#00729B): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#1C284E): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Midnight (#001A2B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#030812): A deep, shadowed, dusty blue — the color of open sky before noon.

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

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

• Charred Cypress Studio color palette (#DAF2F7, #00796F, #00303D, #001C21, #00080D)
• Lowlit Parlor color palette (#D9EBFB, #00598D, #3E3036, #151536, #000A17)
• Timeworn Grove color palette (#DCE9F4, #0091CA, #20476D, #042940, #03141E)
• Sapphire Thicket color palette (#E2EBF9, #2B5ADB, #312147, #08182F, #050713)
• Softworn Azure Parlor color palette (#CAE6DA, #02AFEB, #52659A, #234B3C, #0B140D)
• Violet Villa color palette (#F0F0FF, #9169AD, #403948, #272734, #16141A)
• Moonless Nightshade color palette (#E8F1FF, #0F18C6, #20171D, #140525, #00020E)
• Soft Grove color palette (#E5EAFF, #6171E8, #8E6D00, #456725, #242C58)

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