Tempered Navy color palette — #F7ECE1 · #3E7EAF · #122F8B · #001F23 · #010009

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

The five colors

• Cream (#F7ECE1): bright and airy, almost weightless.
• Cerulean (#3E7EAF): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Indigo (#122F8B): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#001F23): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#010009): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Muted Workshop color palette (#F2E5DF, #00879E, #00405F, #00201A, #000106)
• Patina Denim color palette (#D7E7E6, #70A8D7, #06559B, #002939, #000107)
• Cypress Boulevard color palette (#D2F0F5, #006F71, #003637, #201F25, #000C0D)
• Muted Petrol Dune color palette (#F3E6E0, #6BC3CE, #007699, #004D3A, #00172E)
• Tempered Cobalt Villa color palette (#CBECE6, #0094BC, #5866B4, #003D19, #000303)
• Gentle Archive color palette (#FEEEE6, #8AE1E0, #0092AC, #00663E, #00283E)
• Obsidian Garnet Corridor color palette (#DAE6D6, #005951, #730023, #002421, #040000)
• Softworn Cerulean color palette (#F9F0E8, #BEE7D8, #6E8EC3, #1A6A70, #3C2333)

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