Twilit Drift color palette — #D1E2E8 · #007A83 · #002E3F · #001416 · #000406

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

The five colors

• Silver (#D1E2E8): bright and airy, almost weightless.
• Teal (#007A83): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#002E3F): 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 (#000406): a grounded near-black with real depth.

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

Use it as a design system

One click turns Twilit Drift 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

• Cellar Pine color palette (#D2F2F1, #00804A, #00322B, #001508, #000504)
• Worn Cabin color palette (#E1EEFB, #3479B6, #283144, #061727, #02070C)
• Washed Cerulean Ridge color palette (#D3EED8, #0098A3, #004C66, #0E2E17, #0C1409)
• Misty Hollow color palette (#CFE8FF, #0088DA, #C73364, #4F6D00, #00192F)
• Timeworn Turquoise Atelier color palette (#D1F8FF, #00B5D7, #007AA7, #004C80, #001F4F)
• Softworn Corridor color palette (#E5F7E9, #ACAC6B, #5B7628, #005B37, #232200)
• Sky Thicket color palette (#E7F4FF, #44B2F3, #AD5C00, #006290, #351800)
• Charred Hollow color palette (#E0E3F2, #463138, #31006F, #220D16, #050008)

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