Tempered Navy color palette — #F5E9DF · #4080A4 · #00387B · #001F20 · #01000B

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

The five colors

• Cream (#F5E9DF): bright and airy, almost weightless.
• Cerulean (#4080A4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#00387B): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#001F20): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#01000B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Quiet Navy Pier color palette (#F5E6D7, #6190B2, #103EA3, #002B2F, #040019)
• Wandering Lagoon color palette (#FAECE5, #358786, #004350, #002110, #000103)
• Petrol Meadow color palette (#F5E5DE, #9EBDA0, #007790, #004E32, #001829)
• Lagoon Meadow color palette (#F2EED5, #489B6E, #00727C, #3C2C00, #010400)
• Smoked Aubergine color palette (#ECEAD2, #3E5600, #3B1D8C, #172300, #010009)
• Airy Cobalt color palette (#FCF0E2, #A7D5FF, #637ECC, #00606D, #271653)
• Shadow Fern Chapel color palette (#DBEAD6, #436B00, #1E3200, #030C00, #000200)
• Deep Aubergine Lantern color palette (#E8F3DA, #304300, #410076, #36004D, #010100)

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