Dusty Navy Lantern color palette — #F4EBE4 · #3383A0 · #003E69 · #001F1E · #00000C

Navy and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F4EBE4): a clean, paper-quiet neutral.
• Cerulean (#3383A0): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#003E69): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#001F1E): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#00000C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Dusty Navy Lantern 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

• Navy Dune color palette (#F1E5DB, #5992AF, #00488C, #002C2C, #02001C)
• Tempered Corridor color palette (#F1E7DD, #8EBFB2, #445ECF, #004A55, #170F30)
• Ancient Emerald color palette (#E4DFCC, #599B52, #007574, #422900, #020300)
• Softworn Corridor color palette (#F8F0EC, #98D4D7, #0089A9, #005E40, #00271F)
• Antique Cornflower Thicket color palette (#FBF0E6, #A5D7F9, #347DF2, #006167, #201E48)
• Deep Fern color palette (#DCE5C6, #4D6600, #233000, #060B00, #010100)
• Charred Aubergine color palette (#E7E2D2, #544E00, #530084, #221F00, #020006)
• Hushed Cerulean color palette (#F8F0EB, #C0E7D1, #4995CB, #116D64, #3B2239)

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