Twilit Field color palette — #F6DEF4 · #004DD0 · #191E3F · #070E13 · #050005
Built around Cobalt, softened by Midnight — the whole palette hums with trust and stability.
The five colors
- Blush (#F6DEF4): A whisper-light, dusty pink — the color of neon signs at night.
- Cobalt (#004DD0): A full-bodied, vivid violet — the color of twilight just after sunset.
- Midnight (#191E3F): A deep, shadowed, dusty violet — the color of wild irises.
- Ink (#070E13): a grounded near-black with real depth.
- Black (#050005): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, 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
- Velvet Navy Lantern color palette (#F5E7F4, #003E95, #1C1B24, #100524, #050005)
- Inked Denim Studio color palette (#D9F0E9, #006197, #092142, #061010, #000202)
- Grape Lantern color palette (#FBDFEC, #6B03DD, #291938, #19070A, #060003)
- Grape Meadow color palette (#E7ECFF, #645EE0, #5B34C1, #470F8D, #15002A)
- Hushed Violet Lantern color palette (#F4DDEA, #8072FF, #584B75, #3D2835, #090207)
- Softworn Cobalt Garden color palette (#E9EDDF, #67AACC, #007CB7, #005A6D, #000A18)
- Soft Orchard color palette (#F5EBFF, #9436D0, #BE0040, #005E90, #040008)
- Softworn Lantern color palette (#FAD5E2, #9B44E2, #54335C, #2C151E, #050002)
Browse the whole catalog at Explore, or see today's palette.