Patina Pine color palette — #FDF3EF · #A8E9E8 · #00ABD7 · #20873D · #15416E

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

The five colors

• Ivory (#FDF3EF): a clean, paper-quiet neutral.
• Sea Foam (#A8E9E8): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#00ABD7): A luminous, balanced blue — the color of deep harbor water.
• Fern (#20873D): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#15416E): 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 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

• Wandering Cerulean color palette (#FFF2ED, #7CDCE6, #0098CE, #007745, #0C2F6B)
• Feathered Market color palette (#FDF3EB, #ABE5FF, #519BFF, #008474, #3C3A63)
• Soft Aqua color palette (#F5F6EB, #B5F1F3, #35CCDE, #00A79A, #004855)
• Powder Ridge color palette (#FAF3F0, #CCE8E5, #85B7E0, #59947D, #5F4B5A)
• Hazy Lilac Thicket color palette (#ECE7FF, #A67FFF, #00A977, #009187, #342850)
• Hushed Sapphire color palette (#F6EEE8, #70BDDE, #0E70E0, #005A4F, #1D1545)
• Soft Denim color palette (#F3E4D9, #4D9EBC, #0057A5, #003C32, #080029)
• Hushed Abyss Lantern color palette (#F2DDD8, #5EB2B1, #00718E, #004E18, #00142C)

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