Twilit Navy color palette — #F4E1F3 · #332E36 · #00275B · #1D0A08 · #04000B

Midnight and Black set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F4E1F3): A whisper-light, dusty pink — the color of a candy shop window.
• Espresso (#332E36): a grounded near-black with real depth.
• Midnight (#00275B): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#1D0A08): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#04000B): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Twilit Lapis Lantern color palette (#F6DAF0, #354CFB, #361E40, #1A0917, #000502)
• Spruce Delta color palette (#E4F2E8, #544A4F, #003037, #091417, #000209)
• Moonless Navy color palette (#FEE4FC, #002473, #21130A, #02001C, #0C0103)
• Shadow Corridor color palette (#FFE3F1, #5A2C00, #2F0071, #1D0E07, #070005)
• Byzantium Villa color palette (#F1DCE2, #9C46C6, #442825, #201015, #0A0408)
• Ancient Navy Atelier color palette (#EDDCCF, #0C83AD, #003680, #00201B, #010009)
• Forest Villa color palette (#EAE5D1, #006A34, #00312E, #001529, #000200)
• Muted Delta color palette (#F9E9E9, #B36492, #612802, #271A1A, #100B0C)

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