Twilit Navy color palette — #DEF0F1 · #005C45 · #1D2895 · #080056 · #000201

Built around Indigo, softened by Deep Indigo — the whole palette hums with creativity and calm.

The five colors

• Frost (#DEF0F1): a clean, paper-quiet neutral.
• Pine (#005C45): A full-bodied, balanced teal — the color of glacier melt.
• Indigo (#1D2895): A deep, shadowed, vivid violet — the color of wild irises.
• Deep Indigo (#080056): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#000201): quiet, heavy and certain.

Feels like: Creativity, Calm, Depth, Luxury. Tagged dark, cool.

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 Aubergine Market color palette (#D4EBE1, #4C5300, #412084, #1D0048, #010100)
• Navy Market color palette (#CEECE5, #253F00, #1F007D, #26001D, #010200)
• Inked Study color palette (#D9EEF0, #005B48, #67005E, #2F002A, #000201)
• Midnight Boulevard color palette (#CAEAF8, #004F5A, #003037, #130014, #010100)
• Softworn Pine color palette (#E3E9CC, #03924F, #005045, #00141A, #000106)
• Worn Lantern color palette (#E2F4ED, #748400, #004356, #292F00, #000103)
• Cellar Bloom color palette (#FFE5F5, #832E00, #55067F, #26003C, #030000)
• Eclipse Market color palette (#F0DADC, #03791C, #003846, #200007, #000201)

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