Airy Navy color palette — #F1F5FF · #ACBAEF · #5F6EB2 · #323688 · #252A56

Indigo takes the lead with Slate close behind in a set that reads as creativity and calm at first glance.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Sky (#ACBAEF): A luminous, dusty violet — the color of a velvet chair.
• Slate (#5F6EB2): A full-bodied, balanced violet — the color of a velvet chair.
• Indigo (#323688): A deep, shadowed, balanced violet — the color of a velvet chair.
• Navy (#252A56): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Calm, Balance. Tagged monochrome, cool.

Use it as a design system

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

• Quiet Aubergine Balcony color palette (#F3F4FF, #C6ACDE, #8765AA, #552977, #3B2352)
• Cobalt Garden color palette (#EDF6FF, #85B8DF, #267DB0, #004B72, #002F4B)
• Worn Study color palette (#F2F5FF, #CED6FF, #9BA9F4, #737DB7, #262C4E)
• Iris Archive color palette (#FFF0FB, #B9C7FF, #8185DE, #4A599D, #202B52)
• Dusty Cobalt color palette (#F0F5FF, #DED6EA, #EAB4D9, #6283B8, #46516D)
• Muted Grove color palette (#F4F4FD, #D89E94, #604373, #382445, #221726)
• Timeworn Aubergine color palette (#EDEDFF, #6D65CE, #340091, #12003E, #030012)
• Olive Ridge color palette (#EDF6FF, #4187BD, #5D7D2E, #006345, #223546)

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