Tempered Navy color palette — #CCE5E4 · #518FC4 · #00488D · #00293A · #000218

Built around Indigo, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Silver (#CCE5E4): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#518FC4): A luminous, balanced blue — the color of open sky before noon.
• Indigo (#00488D): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#00293A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000218): A deep, shadowed, dusty violet — the color of wild irises.

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

• Dusty Garden color palette (#CDE8E4, #119AB1, #005266, #002B2D, #000509)
• Petrol Lagoon color palette (#DDEDEC, #7ABBEA, #266EAF, #00485F, #011435)
• Inked Terrace color palette (#CDE5E6, #007C82, #004146, #001315, #000102)
• Faded Ultramarine color palette (#FEE7EE, #83BDED, #3B5FC1, #003D44, #030011)
• Timeworn Atelier color palette (#E4F6F3, #44D2D6, #00818C, #00524A, #001E25)
• Aubergine Canyon color palette (#CBEBE9, #006967, #5000BA, #003130, #030012)
• Ash Lantern color palette (#EAF4F2, #CDDDF3, #79A3B8, #46737E, #243945)
• Smoked Nightshade Bloom color palette (#D6F1F3, #005458, #1216B2, #193700, #000202)

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