Airy Clover Pier color palette — #DFE3C6 · #DDB519 · #00BD5B · #008FCC · #000C09

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

The five colors

• Celadon Mist (#DFE3C6): A whisper-light, dusty green — the color of fresh herbs.
• Saffron (#DDB519): A luminous, balanced green — the color of fresh herbs.
• Clover (#00BD5B): A luminous, vivid teal — the color of sea glass.
• Cerulean (#008FCC): A luminous, balanced blue — the color of open sky before noon.
• Ink (#000C09): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged candy, vibrant, light.

Use it as a design system

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

• Airy Mustard Terrace color palette (#D8F6ED, #B8B800, #00BA8F, #0089D2, #001214)
• Lime Basin color palette (#EEFAD9, #ADCA3B, #00B674, #007D81, #000201)
• Worn Sapphire color palette (#D2E5CB, #9DB517, #00A09E, #2169EF, #000304)
• Patina Hollow color palette (#F1ECD5, #F89000, #9CAB00, #009E9E, #001501)
• Soft Field color palette (#D2EDD7, #7ACB25, #00B3B6, #765EF9, #000F18)
• Tempered Lime Orchard color palette (#CEF9F9, #82B700, #00A154, #007374, #000E09)
• Cypress Hollow color palette (#F3E7C9, #7AA56E, #00836B, #615600, #031400)
• Misty Garden color palette (#E9E4CC, #5FA97C, #0089A2, #78493C, #370800)

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