Twilit Study color palette — #DEF7EC · #00435C · #18005F · #150018 · #060001

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

The five colors

• Honeydew (#DEF7EC): A whisper-light, dusty teal — the color of sea glass.
• Navy (#00435C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#18005F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#150018): A deep, shadowed, dusty pink — the color of neon signs at night.
• Black (#060001): A deep, shadowed, dusty red — the color of embers at dusk.

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

Use it as a design system

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

• Inked Harbor color palette (#DEEADC, #004743, #002133, #090028, #050004)
• Patina Navy color palette (#C1E9F4, #44768E, #003D69, #2B0F3B, #1F001C)
• Lowlit Navy Lantern color palette (#E4E8D6, #004913, #100063, #0D1612, #150200)
• Petrol Veranda color palette (#D1E9EE, #006E83, #003645, #001A25, #020511)
• Worn Dune color palette (#DDE1D1, #608C76, #00425C, #002127, #000A15)
• Aubergine Lantern color palette (#D6EAEE, #00847B, #005D87, #3A1881, #000300)
• Abyss Meadow color palette (#F0F2DB, #1F4800, #3C0024, #160300, #000202)
• Inked Aubergine Boulevard color palette (#DDF0EF, #006A38, #42008E, #2D1200, #040100)

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