Tempered Navy color palette — #D4F4F3 · #007FA4 · #005381 · #121081 · #240C4B

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

The five colors

• Honeydew (#D4F4F3): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#007FA4): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005381): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Indigo (#121081): A deep, shadowed, vivid violet — the color of wild irises.
• Deep Indigo (#240C4B): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Onyx Alley color palette (#D1E4DE, #008087, #00516B, #002B5A, #10114C)
• Nightshade Loft color palette (#DAF5FF, #006EB2, #001BA2, #29005A, #20002B)
• Frosted Navy color palette (#D1E4EB, #009CD0, #0065A4, #003D90, #151557)
• Tempered Alley color palette (#E3EAFC, #4A81E6, #1738A1, #08005B, #000225)
• Ancient Thicket color palette (#D4E5E0, #0070BF, #775100, #003B68, #261700)
• Ancient Pier color palette (#CFE2F7, #005CA1, #5F4B00, #313D0A, #001227)
• Ultramarine Corridor color palette (#CCE2FA, #4746BF, #43007E, #2A002D, #1C000C)
• Patina Peony Veranda color palette (#C2E4FF, #B2A7DD, #BB6B8E, #004F52, #171D3D)

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