Twilit Drift color palette — #CEE4F7 · #3E3634 · #00304A · #181B00 · #000B05

Deep Teal takes the lead with Ink close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#CEE4F7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#3E3634): a grounded near-black with real depth.
• Deep Teal (#00304A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#181B00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#000B05): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Deep Garnet color palette (#F9E5F5, #3F3737, #650400, #1E1A00, #000B02)
• Charred Balcony color palette (#DFE8F7, #19009B, #231C22, #002104, #000908)
• Onyx Study color palette (#E8E3F2, #37352E, #4B0041, #230E14, #070003)
• Aubergine Study color palette (#DCDEFC, #57008D, #002C26, #001118, #00000B)
• Softworn Station color palette (#CAE1F8, #0064A3, #2F4400, #002D1E, #000508)
• Sapphire Field color palette (#EBF2FF, #3F70E4, #0E650F, #00403B, #001119)
• Iris Harbor color palette (#F0F0FD, #9870BB, #00706A, #004A62, #0D1527)
• Feathered Market color palette (#F4ECFF, #B00084, #004F62, #002875, #0B0016)

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