Airy Pine Harbor color palette — #FFF2EE · #83F0EC · #00ACD2 · #328639 · #15426A

Olive Leaf takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Sea Foam (#83F0EC): A whisper-light, balanced teal — the color of sea glass.
• Cyan (#00ACD2): A luminous, balanced blue — the color of open sky before noon.
• Olive Leaf (#328639): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#15426A): A deep, shadowed, balanced blue — the color of deep harbor water.

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

Use it as a design system

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

• Faded Quarry color palette (#FFF2EB, #9CE8FF, #3BA1F5, #008569, #343B6C)
• Dusty Pine Field color palette (#FBF2F8, #D2D5E6, #00C3E1, #008D53, #003A54)
• Muted Canyon color palette (#FEEAE2, #6DD7E1, #0092C4, #007040, #172D52)
• Aqua Hollow color palette (#F6F6E8, #ABF4EF, #20CED5, #00A88F, #004951)
• Timeworn Ash color palette (#FBF4ED, #BFF2DD, #8DA5D2, #448881, #5C3D4D)
• Weathered Fuchsia color palette (#F6E4FF, #D989FF, #00A697, #00944D, #48232F)
• Dusty Cobalt color palette (#F8EAE0, #60BFE0, #0075D2, #005B4B, #19154A)
• Tempered Denim Dune color palette (#FEEBE0, #4C9FB8, #005A9B, #003D30, #060326)

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