Twilit Field color palette — #DEF1F3 · #007D66 · #002F3C · #001416 · #000504

Built around Teal, softened by Midnight — the whole palette hums with sophistication and depth.

The five colors

• Frost (#DEF1F3): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#007D66): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#002F3C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001416): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000504): quiet, heavy and certain.

Feels like: Sophistication, Depth, Luxury. 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

• Olive Quarry color palette (#D9F4EC, #5A7700, #003227, #00150F, #000501)
• Obsidian Drift color palette (#CDE5EA, #00635A, #35363D, #001D2B, #000706)
• Charred Denim color palette (#D8EDFF, #006290, #29252B, #1E0F4B, #000912)
• Lagoon Villa color palette (#E0EDD7, #009D80, #004D60, #1D2B11, #121305)
• Hushed Cerulean color palette (#E5EFF8, #5C86B3, #373A4D, #151F29, #070E11)
• Cypress Loft color palette (#E4F7EF, #80B78C, #007C71, #4D5100, #00290E)
• Soft Ridge color palette (#D6E5DA, #00B294, #007682, #004B63, #00223E)
• Navy Quarry color palette (#D7E4F6, #493F3D, #00206C, #1D101E, #04000A)

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