Tempered Navy color palette — #D7EEEE · #5C84AB · #00397D · #002030 · #01022C

Navy takes the lead with Ink close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D7EEEE): A whisper-light, dusty teal — the color of shallow lagoons.
• Storm Blue (#5C84AB): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#00397D): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#002030): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#01022C): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Tempered 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

• Tempered Cerulean Study color palette (#DDF1EE, #3B8DA0, #004356, #002224, #000B13)
• Navy Cabin color palette (#EDDEE2, #5F7B97, #1D2A90, #001E24, #020009)
• Quiet Ultramarine color palette (#F3EAE1, #6D97BF, #364CB0, #003A43, #0C0026)
• Faded Sapphire color palette (#E0E4D9, #72A5D7, #1E71D9, #00587B, #00022D)
• Muted Courtyard color palette (#E0F3F0, #82BCC7, #00748B, #004F50, #003344)
• Cerulean Delta color palette (#EBF9F6, #A6D7E7, #00909E, #00675F, #004855)
• Inked Study color palette (#DDECDD, #6E4800, #004A3A, #2E1C00, #000805)
• Olive Alley color palette (#F4E7CD, #AA9E57, #6F7700, #4E2F00, #161000)

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