Twilit Field color palette — #DFE8F6 · #1A1EBB · #502C00 · #1B1F00 · #01001E

Indigo takes the lead with Espresso close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#DFE8F6): A whisper-light, dusty blue — the color of deep harbor water.
• Indigo (#1A1EBB): A deep, shadowed, vivid violet — the color of a velvet chair.
• Espresso (#502C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#1B1F00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#01001E): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Depth. Tagged dark, 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

• Charred Courtyard color palette (#E5EDFF, #3102A7, #3A1D00, #051300, #000204)
• Moonless Aubergine color palette (#E5E8FF, #59009E, #453300, #002409, #080016)
• Moonless Navy color palette (#D6E3F1, #00457B, #5E1E00, #221D00, #00050F)
• Dusty Field color palette (#CFEFE5, #00669E, #505900, #343A00, #00050C)
• Shadow Thicket color palette (#D2E7D6, #7028B1, #580041, #191A00, #17001E)
• Lapis Pier color palette (#DEE3FF, #5730FF, #7A4E00, #314400, #191B3D)
• Muted Station color palette (#E2E4EF, #A8A7B8, #85789A, #440985, #111221)
• Gentle Terrace color palette (#E7EFFF, #4D54D5, #610035, #1B0077, #040007)

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