Tempered Navy color palette — #ECE3DA · #4D86B4 · #1C3480 · #002226 · #0B0027

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

The five colors

• Parchment (#ECE3DA): bright and airy, almost weightless.
• Cerulean (#4D86B4): A luminous, balanced blue — the color of open sky before noon.
• Navy (#1C3480): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Midnight (#002226): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#0B0027): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, 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

• Wandering Lagoon Meadow color palette (#FFEBE2, #24909A, #004358, #002319, #000A18)
• Wandering Nightshade Drift color palette (#F7E2E8, #7297B5, #3D4CAB, #003B3C, #0F0022)
• Hushed Cobalt Courtyard color palette (#DFE9E1, #7CA5CA, #3C70CD, #005A6F, #05002C)
• Ancient Loft color palette (#D3F0F3, #00717B, #003539, #2B2325, #000D10)
• Pale Studio color palette (#D3EAE7, #00ACD5, #505CBB, #003F14, #000F14)
• Dusty Petrol Canyon color palette (#FBEBE4, #62C2CF, #007297, #005140, #0A2F52)
• Hushed Terrace color palette (#E1F2DD, #005E57, #790019, #002723, #140001)
• Cerulean Courtyard color palette (#FFF2EC, #8EDFDF, #008EAA, #006A44, #064466)

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