Airy Pier color palette — #F3F4FF · #7948B8 · #674A00 · #004621 · #102332

Plum and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Plum (#7948B8): A full-bodied, vivid violet — the color of a velvet chair.
• Bronze (#674A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#004621): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Midnight (#102332): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Softworn Boulevard color palette (#F3EFFF, #AA4CA4, #7C4300, #00471E, #002F49)
• Chalky Lapis Quarry color palette (#F0F5FF, #4E57DE, #783300, #293C00, #011E29)
• Plum Basin color palette (#F6ECFF, #AB0084, #3B4A00, #003336, #141033)
• Misty Delta color palette (#DDF6E1, #B45EBF, #933353, #2E4916, #352B43)
• Hazy Chapel color palette (#F7EEFC, #A0476E, #822215, #003F16, #020A21)
• Deep Bloom color palette (#DFDEFD, #6D008B, #3A3000, #002518, #000919)
• Timeworn Rust Balcony color palette (#FFF1F1, #BF6395, #A84918, #155D2D, #291325)
• Wandering Pewter Grove color palette (#F5F4FC, #E1D5DF, #B9AFBF, #73577E, #3A3946)

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