Tempered Navy color palette — #DEF2FA · #0099D8 · #0061B1 · #00358D · #161154

Indigo and Cobalt set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DEF2FA): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0099D8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cobalt (#0061B1): A full-bodied, balanced blue — the color of open sky before noon.
• Indigo (#00358D): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#161154): 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

• Powdered Summit color palette (#D2E9EC, #009DBE, #006B90, #003F64, #001E4D)
• Nightshade Studio color palette (#C9E3F5, #3086E0, #2D4CD9, #3A00AA, #24054E)
• Nightshade Thicket color palette (#CFF4F4, #007C9B, #004C82, #180494, #260C4C)
• Soft Lagoon color palette (#DEE6FF, #7C8DE7, #3753CC, #16009E, #010028)
• Cornflower Field color palette (#F5E0F6, #3885E7, #9E6700, #004FA3, #271700)
• Washed Grove color palette (#EDD7EA, #B3B4FB, #C383DE, #0074A5, #1C2044)
• Sapphire Bloom color palette (#BAECD9, #85BBEB, #6696E2, #5067C4, #464269)
• Brick Canyon color palette (#F4E1F2, #3F6FD2, #BF1D2E, #0F6B11, #000A39)

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