Patina Pine Alley color palette — #FAF2FB · #9BECE9 · #19ACD1 · #30863A · #184269

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 (#FAF2FB): bright and airy, almost weightless.
• Sea Foam (#9BECE9): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#19ACD1): A luminous, balanced blue — the color of deep harbor water.
• Olive Leaf (#30863A): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#184269): 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 Patina Pine Alley 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

• Pine Veranda color palette (#FFF2EE, #CFDFF6, #00C0EE, #008F32, #143659)
• Pine Workshop color palette (#FEF0FE, #6BDFE6, #009AC8, #00773D, #02306A)
• Misty Periwinkle Market color palette (#FDF1F8, #B5E2FD, #5B9EEC, #008571, #393968)
• Faded Aqua color palette (#EFF8F1, #B4F2F0, #00CDE2, #00AA81, #00475A)
• Lagoon Hollow color palette (#FAF3F8, #D6D5E7, #8EB7D4, #5B947A, #465369)
• Worn Archive color palette (#E5FCEA, #E9B82C, #0091E5, #947200, #003D65)
• Muted Thicket color palette (#EFE2E9, #86BACF, #3076C3, #005B4C, #1B134D)
• Denim Hollow color palette (#F1E3EB, #619CAF, #0A5B97, #003D2F, #06002B)

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