Patina Pine Harbor color palette — #F6F1E7 · #A9BB8B · #4B845A · #6B4A55 · #2B2810

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

The five colors

• Cream (#F6F1E7): bright and airy, almost weightless.
• Sage (#A9BB8B): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#4B845A): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#6B4A55): A full-bodied, dusty rose — the color of pressed rose petals.
• Onyx (#2B2810): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Tempered Spruce Field color palette (#F3F3E7, #BDC9A7, #519087, #75595A, #2A3700)
• Antique Pine Meadow color palette (#F6F2E5, #8AAB7D, #007752, #653641, #1D1E04)
• Worn Olive Grove color palette (#F9F6E4, #A1B980, #5B7F4B, #5F5854, #43433C)
• Frosted Lagoon color palette (#FBF0E3, #C79A61, #00A492, #895900, #002F29)
• Antique Taupe Hollow color palette (#ECF9F3, #DBEEC1, #85AA75, #8D6A81, #203F37)
• Bronze Study color palette (#FFEEE1, #E6AF80, #A86000, #603800, #260F00)
• Tempered Cerulean Station color palette (#F7F0EC, #C2E6D2, #5C93C0, #006D65, #3A2337)
• Seafoam Market color palette (#FFEEE4, #DDDDC4, #9DD4B3, #A4727B, #332E28)

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