Twilit Drift color palette — #DEEFD7 · #005F56 · #00307E · #220040 · #040002

Navy and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#DEEFD7): A whisper-light, dusty green — the color of new leaves after rain.
• Pine (#005F56): A full-bodied, dusty teal — the color of sea glass.
• Navy (#00307E): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#220040): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Creativity, Depth, Luxury. Tagged jewel, vibrant, dark.

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

• Nocturne Lantern color palette (#E8F1DA, #00613E, #003550, #0E004D, #030004)
• Inked Cabin color palette (#D6F3E3, #006277, #470087, #350029, #040000)
• Shadow Alley color palette (#D2F2E2, #414500, #002856, #1D001B, #030100)
• Muted Olive Bloom color palette (#E5ECC9, #1E8F15, #005037, #001E2E, #000200)
• Shadow Aubergine color palette (#F7E6D1, #573600, #3C0052, #1D000C, #030100)
• Charred Coast color palette (#FFE9D8, #8B4000, #440090, #280024, #040000)
• Wandering Forest color palette (#E3E9D5, #645C62, #005D32, #111C1A, #000804)
• Hushed Aubergine color palette (#FEF0FF, #005FB8, #700068, #470014, #030100)

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