Airy Cobalt color palette — #FDF4E6 · #83D8FF · #1580C4 · #005057 · #000A26

A conversation between Cerulean and Ice Blue, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FDF4E6): A whisper-light, dusty gold — the color of honey in a jar.
• Ice Blue (#83D8FF): A whisper-light, balanced blue — the color of open sky before noon.
• Cerulean (#1580C4): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005057): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000A26): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Iris Bloom color palette (#FAF4EB, #D0E9FF, #6090E6, #00667E, #171A3B)
• Aqua Workshop color palette (#F5EDE0, #6BC9C4, #007580, #00402D, #000305)
• Tempered Azure Bloom color palette (#F4E8DF, #8EC9E4, #3796ED, #007D7A, #11174D)
• Denim Summit color palette (#D7E3E2, #80A4BC, #005E87, #003C48, #00213A)
• Dusty Basin color palette (#F7EFE3, #4DB0D2, #005B86, #002B2D, #000104)
• Hushed Turquoise Terrace color palette (#FDF4E6, #C0FBFF, #00ABCB, #007462, #00293A)
• Hushed Studio color palette (#FCF4E7, #D9D6E2, #70B3F8, #008596, #21335C)
• Worn Boulevard color palette (#DBE8B7, #708500, #0072A9, #922051, #010200)

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