Patina Pine Harbor color palette — #FAF0E5 · #B7B787 · #568251 · #6A4A59 · #2D2714

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FAF0E5): bright and airy, almost weightless.
• Sage (#B7B787): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#568251): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#6A4A59): A full-bodied, dusty rose — the color of a warm blush.
• Onyx (#2D2714): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Patina Pine Harbor 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 Stone Dune color palette (#F6F2E5, #ABCFA6, #768A6A, #73595D, #31322B)
• Antique Taupe color palette (#FCF0E2, #A5A462, #477143, #4B4540, #231B01)
• Tempered Teal Market color palette (#F6F3DB, #61BD91, #007B7B, #673D51, #002818)
• Aged Chestnut color palette (#FBF4E9, #BAB083, #787647, #814A1D, #553F00)
• Muted Pier color palette (#FFF1C9, #CCC568, #817710, #433F00, #171800)
• Timeworn Straw Corridor color palette (#ECF9EE, #F0E8AB, #98A56E, #826F84, #2A3E33)
• Worn Iris Villa color palette (#FFEFDB, #CB9A47, #8A80D5, #855B00, #3B1A2E)
• Apricot Veranda color palette (#FFD4C8, #E88B3A, #937400, #52580C, #2A2900)

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