Twilit Navy color palette — #F4E1F4 · #004999 · #3C3F00 · #001D44 · #010100

Indigo and Midnight set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F4E1F4): A whisper-light, dusty pink — the color of peonies in June.
• Indigo (#004999): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#3C3F00): A deep, shadowed, dusty green — the color of fresh herbs.
• Midnight (#001D44): A deep, shadowed, balanced blue — the color of deep harbor water.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, 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

• Midnight Workshop color palette (#D3F3E4, #005471, #523400, #002230, #020100)
• Aubergine Parlor color palette (#F5E1E8, #61249B, #443C00, #2B004D, #010100)
• Ultramarine Corridor color palette (#FEE2F6, #3717DC, #473F00, #140068, #080600)
• Cellar Nightshade color palette (#E5E7F9, #3500A4, #383200, #132205, #01000A)
• Lapis Chapel color palette (#D4E1FC, #4C56DB, #665200, #1C0083, #020100)
• Plum Thicket color palette (#FEE2FB, #A575BF, #B02B47, #00343E, #02000A)
• Feathered Navy color palette (#F3E6F3, #487DD4, #00804B, #003F99, #001709)
• Nocturne Ultramarine Studio color palette (#C2ECE1, #616300, #0C03F3, #190619, #030003)

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