Tempered Navy Lantern color palette — #DFF4F4 · #577CA1 · #00377F · #001D2D · #00000D

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

The five colors

• Cream (#DFF4F4): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#577CA1): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#00377F): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#001D2D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#00000D): 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 Tempered 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

• Hushed Cerulean Balcony color palette (#D7E7E5, #458293, #004256, #001F22, #000103)
• Navy Orchard color palette (#E7DCD1, #5B84AD, #223087, #002128, #0C0026)
• Muted Nightshade color palette (#FBE9EF, #83A6C9, #384AA5, #002A32, #020008)
• Patina Chapel color palette (#E0ECEA, #8CBBD0, #007791, #004B4D, #001924)
• Frosted Workshop color palette (#E7EBDF, #6E9D92, #1555A8, #003850, #010030)
• Cerulean Grove color palette (#E9F5F2, #A5D9EB, #0093A4, #00635C, #002A34)
• Midnight Chestnut color palette (#D7E3D9, #63500A, #372600, #170B00, #020100)
• Gentle Bronze Meadow color palette (#F3E0DE, #B37D6B, #A25300, #60001B, #080100)

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