Airy Workshop color palette — #FFF1F4 · #D89AF7 · #39B5D4 · #956FA7 · #284B38

Lavender and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Lavender (#D89AF7): A luminous, balanced violet — the color of wild irises.
• Cyan (#39B5D4): A luminous, balanced blue — the color of open sky before noon.
• Slate Blue (#956FA7): A luminous, balanced violet — the color of a velvet chair.
• Forest (#284B38): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.

Use it as a design system

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

• Teal Lantern color palette (#FFF0F9, #ACAEFF, #1EBDB0, #7776C1, #074D47)
• Mallow Villa color palette (#FFF1F1, #F593C5, #72A9E3, #AB678A, #503953)
• Softworn Courtyard color palette (#FFF0FB, #9FB3FF, #E38494, #6D7CB9, #5C372F)
• Frosted Pewter color palette (#FFF1F4, #B78EC4, #639A5F, #7F508D, #2C4B2A)
• Orchid Thicket color palette (#FFF1F4, #EBC3FC, #94CC89, #B065CD, #1E4217)
• Timeworn Mallow Basin color palette (#FFF1F1, #EB99CD, #CA9B52, #A86891, #46423B)
• Hushed Shell Thicket color palette (#FFF1F2, #E8D7D7, #FCB8C6, #AD8EB0, #604A4A)
• Worn Station color palette (#FFE9DF, #FB7D68, #9B82E3, #B44D3D, #382D57)

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