Twilit Navy color palette — #FFDAE6 · #734500 · #003E77 · #311A00 · #000613

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

The five colors

• Shell Pink (#FFDAE6): A whisper-light, dusty rose — the color of pressed rose petals.
• Bronze (#734500): A full-bodied, balanced gold — the color of old brass.
• Navy (#003E77): A deep, shadowed, balanced blue — the color of open sky before noon.
• Onyx (#311A00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#000613): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Sophistication. Tagged dark, muted, warm.

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

• Velvet Grove color palette (#F1DCE9, #8F2800, #004654, #3E0C00, #00070A)
• Cellar Nightshade color palette (#D5EBD8, #684C00, #2900B4, #2B1E00, #030022)
• Nocturne Navy color palette (#E9DBCF, #5C3400, #003754, #20006B, #040100)
• Velvet Chestnut color palette (#DEF1E9, #7E5500, #292730, #141600, #020300)
• Mulberry Archive color palette (#FBDAE5, #945A00, #8C1E88, #512F00, #10000F)
• Worn Cobalt color palette (#F1DFF6, #0078C6, #7B5F00, #0B120C, #000301)
• Pale Cobalt Bloom color palette (#E8DED3, #AF6D00, #0073C5, #764800, #000612)
• Petrol Study color palette (#C7E7D6, #8D8100, #006FB0, #524A00, #002B49)

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