Tempered Navy color palette — #F3EADA · #5B84AB · #16367D · #00212B · #06002B

A conversation between Navy and Ink, giving this palette its sense of trust and stability.

The five colors

• Parchment (#F3EADA): A whisper-light, dusty gold — the color of old brass.
• Storm Blue (#5B84AB): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#16367D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Midnight (#00212B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#06002B): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Weathered Thicket color palette (#EBE1D0, #478D95, #004454, #00231E, #000B14)
• Washed Loft color palette (#E9DBE0, #7696B6, #474BA4, #003B3E, #110020)
• Faded Sapphire Terrace color palette (#DEE6DF, #7CA5CC, #2C68EC, #005A71, #060227)
• Washed Petrol Workshop color palette (#F4EDE3, #76BECB, #007392, #005049, #00314C)
• Charred Navy color palette (#F2E1CD, #704700, #003F74, #2F1B00, #000612)
• Worn Corridor color palette (#FAF4EB, #B6D9B9, #008FA5, #006855, #00465E)
• Hushed Olive Parlor color palette (#F9EDDC, #989252, #487B37, #512700, #100A00)
• Onyx Study color palette (#F8EEDE, #543900, #003C3E, #3B0049, #030100)

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