Tempered Navy color palette — #D8E8EE · #1CAFF6 · #006DBC · #1B46A4 · #2F3672

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

The five colors

• Frost (#D8E8EE): bright and airy, almost weightless.
• Cornflower (#1CAFF6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#006DBC): A full-bodied, balanced blue — the color of open sky before noon.
• Indigo (#1B46A4): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#2F3672): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Softworn Sapphire Workshop color palette (#CCE2F4, #52A3FF, #395CE5, #4841A5, #463A72)
• Faded Turquoise Archive color palette (#9BF1FF, #00AED4, #007DAD, #00548D, #193F70)
• Feathered Loft color palette (#CAF4FE, #28C1FB, #0088E3, #4356C4, #3D3179)
• Sapphire Boulevard color palette (#F1F5FF, #8EA1FF, #4F5DD4, #20318B, #121F5B)
• Cornflower Cabin color palette (#FFF0FE, #4591FF, #A87200, #0056BD, #503400)
• Teal Studio color palette (#D6F6EC, #00BEB6, #00838D, #005667, #1E375A)
• Lilac Grove color palette (#D8E4FF, #949CFD, #7764B6, #66497F, #653B45)
• Mallow Corridor color palette (#F1F5FF, #DCDBFF, #E09DF7, #3875A2, #57374C)

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