Airy Cobalt color palette — #FCF4E7 · #A3D6F1 · #0085D4 · #00656E · #263F6A

A conversation between Azure and Navy, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FCF4E7): bright and airy, almost weightless.
• Powder Blue (#A3D6F1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#0085D4): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00656E): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#263F6A): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns Airy 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

• Cerulean Pier color palette (#FDF4E6, #94DDE0, #008FA5, #006855, #00465E)
• Aged Cobalt Studio color palette (#FEF4E4, #86C0E4, #006EC7, #005460, #1C2E66)
• Muted Courtyard color palette (#FFF0F7, #ACE4FF, #559BFF, #008476, #3D376B)
• Hazy Sky Garden color palette (#E4FAF9, #CCDDFD, #60C1FF, #00A1C0, #0C426D)
• Weathered Denim color palette (#EFE7D9, #469BBB, #004E78, #002F32, #001330)
• Ash Meadow color palette (#F8F5EF, #C6EAEF, #8099CA, #34788F, #614B5A)
• Linen Plum color palette (#E3F3C2, #728C00, #0079B8, #B00057, #2B3508)
• Timeworn Amethyst Lantern color palette (#FBF6DE, #A1AD25, #8038ED, #5B6200, #402A6E)

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