Tempered Navy Drift color palette — #E1FBFF · #C6E1F0 · #70BCD5 · #427BA1 · #18386E

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

The five colors

• Ivory (#E1FBFF): A whisper-light, dusty blue — the color of open sky before noon.
• Powder Blue (#C6E1F0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#70BCD5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#427BA1): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#18386E): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

Use it as a design system

One click turns Tempered Navy Drift 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 Lagoon Courtyard color palette (#D7FFF7, #A8E1F3, #75C5B1, #1D8D8A, #004751)
• Chalky Azure Corridor color palette (#D5FFFA, #B5E9F1, #78C4D2, #5395D8, #4A3B7F)
• Pewter Dune color palette (#ECF7FF, #D8D8E7, #A4B7E9, #786BA7, #503569)
• Nightshade Harbor color palette (#E5FAFF, #66C4FF, #327EE1, #2B2895, #180036)
• Softworn Lagoon color palette (#EFF7D1, #92D3C6, #0191B4, #315789, #2B2453)
• Washed Glacier Field color palette (#EAFAED, #9CEDF0, #7CA8C6, #93636A, #2B434E)
• Sky Workshop color palette (#EAF8FF, #4CBEDF, #495663, #222D33, #091113)
• Inked Lagoon color palette (#C1EFED, #007E97, #004762, #001126, #01000B)

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