Twilit Navy color palette — #E2F0FF · #00457A · #592400 · #321100 · #000104

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

The five colors

• Frost (#E2F0FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Navy (#00457A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Espresso (#592400): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#321100): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Moonless Garnet color palette (#DAF1FE, #004C5D, #6A0022, #3C000F, #000102)
• Obsidian Navy Chapel color palette (#E3EFFF, #004189, #3B3800, #00221F, #000105)
• Inked Cocoa color palette (#CCEDEE, #005136, #592400, #291900, #000603)
• Moonless Basin color palette (#DBE3FF, #3A0090, #3C2300, #1C0F00, #010009)
• Lowlit Aubergine color palette (#E5E7FF, #5D0097, #6B0301, #271900, #020006)
• Linen Atelier color palette (#D0EFE5, #0064A4, #9D0020, #3F3500, #00050D)
• Washed Cocoa Garden color palette (#E0F6DE, #006E6B, #694500, #292A00, #000201)
• Linen Sapphire color palette (#E2F0FF, #006AC7, #7B5100, #523500, #000A1D)

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