Tempered Navy color palette — #D5E4D8 · #4F87AE · #003A7A · #002129 · #03022A

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

The five colors

• Bone (#D5E4D8): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#4F87AE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Navy (#003A7A): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#002129): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#03022A): A deep, shadowed, balanced violet — the color of wild irises.

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 Hollow color palette (#F9E7EE, #557E9B, #093386, #001F22, #01000A)
• Cerulean Lagoon color palette (#DEE9E0, #1490A0, #004356, #00231F, #000A15)
• Chalky Villa color palette (#DAE9DD, #4495D9, #0F40A0, #002E3B, #0D0A39)
• Wandering Cobalt Harbor color palette (#E8EBE1, #7CA6C4, #1878C3, #005974, #00081D)
• Denim Pier color palette (#E4F4E7, #4FABCD, #005D8B, #003D40, #021F42)
• Linen Garden color palette (#E8E6FF, #C278B2, #A6435D, #311F65, #140B27)
• Dusty Field color palette (#E9FBEC, #4DCDD1, #007B8E, #005846, #00394C)
• Byzantium Thicket color palette (#EFE6F2, #932CB1, #430054, #221004, #14001A)

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