Tempered Navy color palette — #C3ECD1 · #876F00 · #00594F · #11008A · #22000F

Indigo takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#C3ECD1): A whisper-light, dusty teal — the color of shallow lagoons.
• Walnut (#876F00): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#00594F): A full-bodied, dusty teal — the color of glacier melt.
• Indigo (#11008A): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Ink (#22000F): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged cool.

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

• Aged Bronze color palette (#CEE9CF, #986600, #005B37, #00304A, #1C0021)
• Hazy Canyon color palette (#C0EBDF, #5D7F00, #005666, #400064, #200400)
• Linen Aubergine Veranda color palette (#F6E6CA, #896900, #005469, #370087, #40003F)
• Deep Navy color palette (#CFF8FF, #00564C, #0A0086, #250014, #020100)
• Velvet Market color palette (#D4E6E6, #006943, #003765, #340026, #070300)
• Midnight Fern Market color palette (#D7F2E5, #615F00, #1F272D, #112400, #000B05)
• Antique Studio color palette (#EAE4CE, #86A83A, #007F4E, #373B64, #2F1D3E)
• Hazy Emerald color palette (#DCF3F1, #00953F, #00598D, #551645, #1E1100)

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