Twilit Field color palette — #D5E6F7 · #003060 · #221E25 · #102000 · #000B08

Built around Navy, softened by Ink — the whole palette hums with nature and growth.

The five colors

• Frost (#D5E6F7): A whisper-light, dusty blue — the color of deep harbor water.
• Navy (#003060): A deep, shadowed, balanced blue — the color of deep harbor water.
• Onyx (#221E25): quiet, heavy and certain.
• Ink (#102000): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#000B08): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged jewel, vibrant, dark, 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

• Deep Studio color palette (#CCE9F4, #003639, #241700, #070C00, #010204)
• Eclipse Hollow color palette (#E7ECF9, #2A0076, #002215, #19121D, #00090B)
• Patina Loft color palette (#DFEEFF, #125AAA, #304B00, #002C23, #00121C)
• Moonless Nightshade Thicket color palette (#E3EAFF, #4820AE, #003624, #001C1F, #000410)
• Wandering Indigo Parlor color palette (#F1F5FF, #5A63B4, #005D38, #004043, #001E33)
• Velvet Canyon color palette (#EBDBE4, #652700, #251D00, #000D01, #020104)
• Aubergine Courtyard color palette (#EDE8FA, #54004B, #2E1300, #000803, #010009)
• Nocturne Garnet color palette (#F2E3FF, #635400, #560037, #27160C, #0E0003)

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