Airy Cobalt color palette — #DEF4ED · #87C6F9 · #FF9F78 · #008DDC · #58230A

Built around Azure, softened by Melon — the whole palette hums with trust and stability.

The five colors

• Honeydew (#DEF4ED): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#87C6F9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Melon (#FF9F78): A luminous, balanced orange — the color of autumn markets.
• Azure (#008DDC): A luminous, balanced blue — the color of deep harbor water.
• Espresso (#58230A): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

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

• Aged Tangerine Orchard color palette (#E2FDF1, #69CBFF, #F6813C, #0080B1, #431A01)
• Tempered Blush color palette (#E1F4E7, #68CFE7, #F9899F, #00A2BC, #591E2C)
• Quiet Periwinkle Villa color palette (#E6FBF5, #A2D1FF, #E1B75C, #37A4FF, #553E01)
• Ancient Indigo Meadow color palette (#FBE8F5, #ACB9FF, #F3AB32, #6B77F3, #4A2F00)
• Ember Drift color palette (#F5DCEF, #8DAAFE, #F07F6E, #EE652C, #3C2037)
• Powdered Thicket color palette (#E1F5EE, #56B8FF, #C87B03, #006399, #291500)
• Frosted Mustard Coast color palette (#DDE9DA, #EAB801, #80BBFF, #36516F, #221823)
• Lilac Corridor color palette (#FDF1F8, #F1C6E1, #C2CE92, #9B9FF0, #4F4D46)

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