Airy Cobalt color palette — #DDE7DE · #7BA5CE · #4870C7 · #005A72 · #07002B

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

The five colors

• Parchment (#DDE7DE): bright and airy, almost weightless.
• Blue Fog (#7BA5CE): A luminous, dusty blue — the color of deep harbor water.
• Sapphire (#4870C7): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005A72): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#07002B): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Cobalt Station color palette (#E5F1E7, #72AABA, #007FAB, #005D5B, #000A17)
• Faded Basin color palette (#D0E0F7, #9DA2DC, #B77CC6, #006C99, #0A082B)
• Timeworn Study color palette (#EDDCE1, #6F96BF, #4849AA, #003B3F, #11001F)
• Worn Navy Market color palette (#CDEBF4, #0081B0, #006099, #003A83, #030030)
• Chalky Azure Coast color palette (#E3F1E6, #9EC5E2, #4097E3, #007B88, #061B4A)
• Cobalt Grove color palette (#D5E9FF, #2F7FD5, #9F6000, #00549E, #0C0400)
• Navy Archive color palette (#F1E6D4, #4D7CAA, #0E308A, #001E28, #01000B)
• Nightshade Corridor color palette (#DAE4F9, #6B89DF, #3556D5, #0600A0, #000010)

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