Twilit Navy color palette — #EFE2F0 · #004184 · #3B2000 · #160900 · #010100

Built around Navy, softened by Espresso — the whole palette hums with trust and stability.

The five colors

• Blush (#EFE2F0): A whisper-light, dusty pink — the color of peonies in June.
• Navy (#004184): A deep, shadowed, balanced blue — the color of open sky before noon.
• Espresso (#3B2000): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#160900): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#010100): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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

• Smoked Onyx color palette (#D5EEE5, #00435D, #4B1400, #071210, #0D0100)
• Nightshade Bloom color palette (#F9E0F2, #2F00B7, #302100, #16181E, #090500)
• Eclipse Aubergine color palette (#F8D9DF, #610077, #3F1F00, #111016, #040500)
• Deep Navy color palette (#DEE7F8, #171581, #31002E, #070700, #00000B)
• Byzantium Garden color palette (#FEE8EF, #8743BB, #6C2D9A, #483200, #000205)
• Ultramarine Orchard color palette (#DDE4D4, #0061BD, #4C0068, #080F00, #01000A)
• Navy Market color palette (#F4ECF3, #CEB1C0, #AA878F, #163A71, #030003)
• Shadow Field color palette (#FFE7EB, #9500A0, #333500, #0F1500, #000103)

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