Patina Pine Coast color palette — #FAF2F9 · #CCE1FB · #63AFD4 · #328F5A · #354963

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

The five colors

• Ivory (#FAF2F9): a clean, paper-quiet neutral.
• Powder Blue (#CCE1FB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#63AFD4): A luminous, balanced blue — the color of open sky before noon.
• Fern (#328F5A): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#354963): A full-bodied, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Muted Quarry color palette (#FAF3F6, #D9DEEE, #9AB2DA, #46968C, #4A516E)
• Muted Grove color palette (#FBF2F8, #B5DBEE, #529BD9, #007F63, #30375E)
• Worn Cerulean color palette (#F8F5EF, #CCE4CE, #009AB4, #00735F, #2A5141)
• Antique Denim color palette (#F7ECF0, #7197B7, #414FA1, #003B3C, #0F0022)
• Soft Cobalt Hollow color palette (#F3E9EF, #92B7CF, #3272CE, #005A50, #1E124B)
• Amber Parlor color palette (#F3F4FF, #AD97D9, #C78853, #B87600, #323553)
• Pale Archive color palette (#CBF0FF, #71C4E6, #5299E3, #6259B8, #4F3B62)
• Terracotta Villa color palette (#FFF1F7, #ACC6AE, #B78162, #975155, #254537)

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