Airy Field color palette — #F1E1FD · #DF3699 · #663338 · #2D2037 · #130F1C

Hot Pink and Cocoa set the tone — five colors that lean into energy and balance.

The five colors

• Blush (#F1E1FD): A whisper-light, dusty violet — the color of a velvet chair.
• Hot Pink (#DF3699): A luminous, vivid rose — the color of a warm blush.
• Cocoa (#663338): A deep, shadowed, dusty red — the color of late-summer berries.
• Deep Indigo (#2D2037): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#130F1C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Energy, Balance. Tagged noir, dark, luxury, vibrant.

Use it as a design system

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

• Tempered Terrace color palette (#F0DCF2, #CF4D66, #4E3847, #291C2A, #100B14)
• Washed Workshop color palette (#FFF1F1, #F631A7, #5E282E, #280A0A, #050001)
• Frosted Peony Thicket color palette (#FFDAD9, #FF53BC, #8D5749, #5C3535, #1A0D12)
• Faded Field color palette (#E6E2FE, #BE46DF, #4C3D5D, #26223C, #0F101F)
• Antique Plum Balcony color palette (#F4EAFD, #A9327A, #461C12, #2E051E, #10101E)
• Brick Villa color palette (#FFE7FC, #B60024, #3E1700, #120311, #020200)
• Muted Bronze color palette (#F6E0EA, #B35D00, #4A3300, #2E0D1F, #0F030C)
• Timeworn Field color palette (#FEEDF2, #C48F56, #495E50, #433338, #261F23)

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