Patina Pine color palette — #E7F1F0 · #CDDBDB · #9BBFC4 · #008752 · #1B3332

A conversation between Fern and Ash, giving this palette its sense of nature and growth.

The five colors

• Cream (#E7F1F0): bright and airy, almost weightless.
• Silver (#CDDBDB): bright and airy, almost weightless.
• Ash (#9BBFC4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#008752): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#1B3332): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, 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

• Washed Pine color palette (#D2EBE7, #7BB48F, #0D8661, #2E6330, #00302F)
• Patina Cypress color palette (#E0E8E9, #B3C8CE, #88ABB8, #007162, #052428)
• Wandering Canyon color palette (#ECF7FC, #D1E1EA, #A3C2DA, #008699, #123847)
• Quiet Nightshade color palette (#BEE8E0, #00AA94, #00787E, #2E2BB1, #002B28)
• Washed Mint color palette (#D5F9FE, #3DE5A2, #00C1AA, #00939F, #002723)
• Cypress Grove color palette (#DAF3F7, #008477, #003B3C, #001A1F, #000607)
• Patina Denim color palette (#D7E0E6, #9CA6B0, #77889D, #004B6A, #010A14)
• Antique Thicket color palette (#DCF2FF, #86A9C5, #5B7FAE, #784987, #48253F)

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