Tempered Navy color palette — #C7EBFC · #0096D5 · #005BB7 · #0A2B92 · #212556
Built around Indigo, softened by Cobalt — the whole palette hums with trust and stability.
The five colors
- Frost (#C7EBFC): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#0096D5): A luminous, balanced blue — the color of deep harbor water.
- Cobalt (#005BB7): A full-bodied, vivid blue — the color of open sky before noon.
- Indigo (#0A2B92): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Deep Indigo (#212556): 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
- Airy Navy color palette (#C7E5E9, #008AB8, #005499, #282479, #1C0233)
- Cornflower Meadow color palette (#DFEFFA, #56B5FF, #178CF0, #326AC1, #18285D)
- Feathered Archive color palette (#D6E7F7, #4788F2, #3945E8, #39208A, #352259)
- Muted Sapphire color palette (#C7E5E7, #00A7D6, #156CDF, #473F9C, #352350)
- Muted Cerulean Garden color palette (#C8EDEB, #0096A2, #006883, #00405A, #1F2049)
- Nightshade Balcony color palette (#E0E4FF, #7689EE, #4130C8, #200079, #110846)
- Worn Coast color palette (#EAD7E9, #487DD4, #866400, #0041A0, #362600)
- Feathered Wisteria Atelier color palette (#FFECFC, #BBB6FA, #CB80CE, #005A92, #3F2535)
Browse the whole catalog at Explore, or see today's palette.