Airy Pier color palette — #E4F0D2 · #6BDCD4 · #00B8E3 · #366E34 · #0E1E06

A conversation between Cyan and Olive, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#E4F0D2): A whisper-light, dusty green — the color of new leaves after rain.
• Lagoon (#6BDCD4): A whisper-light, balanced teal — the color of sea glass.
• Cyan (#00B8E3): A luminous, balanced blue — the color of deep harbor water.
• Olive (#366E34): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#0E1E06): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged pastel, 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

• Wandering Teal color palette (#EDEDD3, #9DDAB4, #00B0AD, #646700, #191C01)
• Ancient Courtyard color palette (#E7F8DC, #A9EEF2, #59BEEA, #3F7752, #162913)
• Worn Periwinkle color palette (#E2F8E1, #8AD5F2, #589DF6, #006655, #022413)
• Chalky Glacier color palette (#C8F7F3, #52DFE4, #68A0E2, #656116, #003D41)
• Powdered Pier color palette (#D0FEFF, #5EF5E6, #51CBF0, #598C59, #093B41)
• Cobalt Alley color palette (#D3EDD9, #59A0C1, #436EC4, #004A42, #000B11)
• Weathered Moss color palette (#F1FBD5, #D4F2FF, #9CCDFF, #908618, #1C2B0C)
• Linen Lantern color palette (#DCE9E0, #009EB7, #6A0CC3, #00505D, #070003)

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