Airy Pier color palette — #FFF2EF · #86DCD8 · #009CBD · #0B7819 · #00355D

Olive and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Lagoon (#86DCD8): A whisper-light, balanced teal — the color of sea glass.
• Cerulean (#009CBD): A luminous, balanced blue — the color of open sky before noon.
• Olive (#0B7819): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#00355D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Quiet Pine Study color palette (#FCF1FE, #B3FFF9, #00ABCC, #167811, #002644)
• Chalky Cornflower Terrace color palette (#FFF2EB, #94D6EB, #0091EE, #00755D, #26276E)
• Weathered Forest Meadow color palette (#F4E4E0, #78C0C1, #0080A5, #005E29, #001E43)
• Pale Lagoon Harbor color palette (#FDF4E6, #65F3EB, #00C1D0, #009C70, #003947)
• Tempered Lagoon Chapel color palette (#FCF3EF, #C3E8E1, #6EADD3, #378D65, #5A3C56)
• Weathered Courtyard color palette (#F7EAE4, #5E9DAB, #005E8F, #003D2B, #03002E)
• Wandering Peony color palette (#FDDBF1, #EA68C6, #3C985A, #647700, #430035)
• Bronze Veranda color palette (#E9DDC2, #92B16A, #887800, #774500, #00321B)

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