Faded Cobalt color palette — #FFF1F6 · #A3D6F6 · #4A7FCE · #00666A · #373772

Azure and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Powder Blue (#A3D6F6): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#4A7FCE): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00666A): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#373772): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Faded Cobalt 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

• Patina Coast color palette (#FAF3F7, #BEE2F7, #668FAF, #276F67, #374769)
• Dusty Field color palette (#F0F4E6, #A8D7F5, #2C89CD, #005E77, #00244C)
• Dusty Sapphire Corridor color palette (#FFF1F6, #7FBFF1, #3C65D0, #00545D, #322469)
• Azure Atelier color palette (#ECF8F7, #BAE0FF, #34A2F7, #007E9F, #1E406B)
• Pale Navy Archive color palette (#F5E6ED, #6097B3, #00498B, #003030, #0C0047)
• Chalky Powder Pier color palette (#FFF3E8, #C9EAFF, #88B8FF, #00A4AC, #37386F)
• Washed Cerulean Alley color palette (#F5E4F1, #368E99, #004359, #002319, #000A18)
• Tempered Lime color palette (#DDFEF3, #8EB325, #7C55C1, #4E6600, #422B6A)

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