Tempered Navy color palette — #E8ECE1 · #558377 · #003A77 · #001D2B · #00000B

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

The five colors

• Cream (#E8ECE1): bright and airy, almost weightless.
• Fern (#558377): A full-bodied, dusty teal — the color of sea glass.
• Navy (#003A77): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Midnight (#001D2B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#00000B): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Feathered Nightshade Terrace color palette (#E3EDE2, #5E84A7, #181BA7, #002127, #0B0026)
• Abyss Lagoon color palette (#E7E7D8, #5C9693, #005458, #002C25, #000507)
• Tempered Basin color palette (#E9EADE, #9BBDA5, #00788F, #004B4C, #001923)
• Sunlit Ultramarine Meadow color palette (#DFF2F2, #6597C7, #0054B1, #003850, #000329)
• Obsidian Fern Lantern color palette (#E2E2CB, #315900, #00415A, #112400, #000103)
• Eclipse Pine Lantern color palette (#D7EED6, #177724, #003811, #000E01, #000200)
• Washed Lagoon Market color palette (#E0E4C5, #509C6F, #00745D, #213300, #000301)
• Smoked Hollow color palette (#FFEBD9, #734700, #402100, #1C0800, #020100)

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