Airy Clover color palette — #E5FBF6 · #7BBE55 · #00A2B7 · #3271B7 · #1A1B30

Clover and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E5FBF6): A whisper-light, dusty teal — the color of glacier melt.
• Clover (#7BBE55): A luminous, balanced green — the color of fresh herbs.
• Cerulean (#00A2B7): A luminous, balanced blue — the color of deep harbor water.
• Slate (#3271B7): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#1A1B30): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Chalky Veranda color palette (#E6FBF0, #B4B02B, #00A595, #0085A9, #121C33)
• Azure Harbor color palette (#E2FBFD, #00CBA2, #0B9BF1, #7260C1, #1F172B)
• Patina Atelier color palette (#F6F3FF, #D785D5, #00A6BB, #2570B7, #1D2033)
• Linen Atelier color palette (#D9EFED, #00A251, #007BA1, #3345AE, #0A041C)
• Worn Mustard Lagoon color palette (#DBF7E6, #D1BA44, #8DA338, #008682, #17382A)
• Airy Amber Study color palette (#EBFAED, #B38400, #007F6E, #4E4694, #2B1924)
• Periwinkle Parlor color palette (#EAF8FC, #6ACFCA, #81A3F0, #9377AF, #3B313F)
• Washed Amber Archive color palette (#FFF3E7, #E58518, #0070BD, #195385, #1A0507)

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