Patina Pier color palette — #F8F1E5 · #BEB38E · #687E49 · #6E4759 · #2F2706

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

The five colors

• Cream (#F8F1E5): bright and airy, almost weightless.
• Stone (#BEB38E): A luminous, dusty green — the color of new leaves after rain.
• Fern (#687E49): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#6E4759): A full-bodied, dusty rose — the color of strawberry cream.
• Espresso (#2F2706): 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 Pier 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

• Softworn Balcony color palette (#F8F1E6, #AD9F77, #596D2D, #6C3137, #241B00)
• Olive Study color palette (#FEF1F5, #B6B281, #538241, #525778, #32483D)
• Moss Thicket color palette (#EDF9F0, #C7C89A, #7F9A56, #6B6F8F, #2D493D)
• Hushed Pier color palette (#FFEEE6, #E1D7BE, #C3C98C, #A85B74, #402515)
• Feathered Orchard color palette (#FFEEE5, #EDAE9B, #AC5B49, #721705, #2D0600)
• Weathered Garnet color palette (#EEF1E0, #679A83, #006359, #631931, #00170E)
• Powdered Aubergine Bloom color palette (#EFE4C9, #8C9E58, #2E7711, #560664, #131900)
• Antique Emerald Cabin color palette (#FFEEE6, #C4746B, #439350, #4A66B4, #321407)

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