Patina Pine color palette — #FCF1FB · #A8E8EF · #2FA8DE · #008752 · #223E72

Built around Fern, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#FCF1FB): a clean, paper-quiet neutral.
• Sea Foam (#A8E8EF): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#2FA8DE): A luminous, balanced blue — the color of deep harbor water.
• Fern (#008752): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#223E72): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Worn Azure Workshop color palette (#FFF0FC, #7ADCED, #0096D8, #007650, #152975)
• Muted Periwinkle Cabin color palette (#FFF0F7, #BEE0FA, #6E98F2, #00837C, #42356A)
• Quiet Parlor color palette (#ECF9EE, #99F6FF, #42C9EA, #30A690, #074660)
• Ancient Lagoon Pier color palette (#F9F3F7, #D8D5E6, #96B5D4, #4F9682, #47526D)
• Timeworn Canyon color palette (#E3FDE7, #F0B42C, #6A80EC, #996F00, #26307D)
• Denim Atelier color palette (#EBE1E6, #629BB6, #1D54A8, #003C36, #0A0027)
• Sapphire Coast color palette (#E9DEE3, #8CB8D3, #486FCC, #005955, #250850)
• Petrol Loft color palette (#ECDEEC, #67AFB4, #007094, #004E26, #001232)

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