Twilit Navy color palette — #DCEFF5 · #003E42 · #170075 · #20002C · #040007

Deep Indigo takes the lead with Deep Indigo close behind in a set that reads as creativity and depth at first glance.

The five colors

• Frost (#DCEFF5): A whisper-light, dusty blue — the color of deep harbor water.
• Deep Teal (#003E42): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#170075): A deep, shadowed, vivid violet — the color of wild irises.
• Deep Indigo (#20002C): A deep, shadowed, balanced pink — the color of neon signs at night.
• Black (#040007): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Charred Onyx Thicket color palette (#D0F4F5, #003F2B, #00253B, #11003C, #050005)
• Onyx Quarry color palette (#DEF6E4, #003765, #3A003F, #25000A, #060100)
• Onyx Delta color palette (#CDF2E7, #244600, #43004B, #210026, #030000)
• Nocturne Forest color palette (#DEE6D4, #00684A, #003835, #00163D, #000F0A)
• Navy Bloom color palette (#EFDEE9, #6C1D00, #20006A, #200028, #060001)
• Soft Aubergine color palette (#E6E9C6, #3F6700, #550081, #3F0061, #040100)
• Aubergine Studio color palette (#D6F4EB, #4C00A4, #5B0022, #2F0F00, #090500)
• Timeworn Abyss color palette (#E1ECEB, #99AEAE, #59898D, #00441D, #001817)

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