Twilit Navy color palette — #D1E6FF · #004989 · #384400 · #003223 · #000104

Navy takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#D1E6FF): A whisper-light, dusty blue — the color of deep harbor water.
• Navy (#004989): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#384400): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Forest (#003223): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged dark, muted, 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

• Cocoa Lagoon color palette (#D1ECEE, #00545A, #573600, #262E04, #000102)
• Nightshade Dune color palette (#E8F0FF, #0526C9, #284800, #003922, #00000B)
• Eclipse Aubergine Coast color palette (#E5D8F0, #69009B, #004A3B, #002F34, #020006)
• Nightshade Garden color palette (#DEE0FE, #4800CC, #6F2500, #003A25, #060024)
• Lapis Villa color palette (#E5E7FF, #5D3AEE, #943500, #005035, #010009)
• Sunlit Plum color palette (#F4E5F1, #AB89C9, #C43453, #00465A, #05001A)
• Plum Study color palette (#FBD8DC, #9E3D9A, #007050, #005254, #170117)
• Misty Field color palette (#E2EBFE, #2841FF, #556200, #135226, #010324)

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