Tempered Navy color palette — #CFEDEF · #00A3C8 · #00619D · #21278E · #150038

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

The five colors

• Frost (#CFEDEF): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#00A3C8): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#00619D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Indigo (#21278E): A deep, shadowed, vivid violet — the color of a velvet chair.
• Deep Indigo (#150038): A deep, shadowed, balanced violet — the color of wild irises.

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

• Sapphire Veranda color palette (#C8E6EF, #009DE4, #3258E5, #391884, #13001A)
• Washed Meadow color palette (#CCF8FD, #00809E, #005486, #002673, #1E0C56)
• Cobalt Courtyard color palette (#D4E8F3, #00A4F0, #0084D7, #0056A6, #001A48)
• Antique Lagoon Veranda color palette (#D7E7DF, #00A49A, #007586, #003852, #030333)
• Weathered Cornflower Atelier color palette (#E2F0FF, #1196F8, #A36E00, #004F89, #0D0600)
• Ultramarine Drift color palette (#C7E8F1, #0089D4, #1B28D6, #270059, #06000A)
• Aged Ultramarine Balcony color palette (#EBF1FF, #86A4FF, #325AD7, #111771, #000009)
• Grape Atelier color palette (#C7E6FF, #6C8BFF, #6C42D7, #590062, #1A000E)

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