Tempered Navy color palette — #FDF0FD · #72C8CE · #0078A0 · #005A2F · #002E70

Navy takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FDF0FD): A whisper-light, dusty pink — the color of a candy shop window.
• Aqua (#72C8CE): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0078A0): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#005A2F): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#002E70): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Pale Sapphire color palette (#FFF0F8, #80C1E1, #2269D0, #00574D, #32216E)
• Aged Corridor color palette (#F9F1E5, #64CED4, #007F95, #005344, #001D2A)
• Ancient Onyx color palette (#EEE4EC, #69ABB3, #005F84, #004125, #021851)
• Airy Cerulean color palette (#EBFAEE, #6DDFE5, #009DB7, #007460, #00384D)
• Airy Blush Archive color palette (#F0F5FF, #D6B4FF, #FF70A1, #007581, #363261)
• Ancient Cypress color palette (#F9F3F7, #D4E1F3, #719FC1, #248060, #43536E)
• Muted Navy color palette (#F5E5EE, #5D98B5, #094498, #00302B, #160040)
• Pale Emerald color palette (#FFF2ED, #4AF4FB, #00BBF1, #299C55, #073264)

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