Patina Pier color palette — #F1F7F1 · #DCBA8C · #5D8A63 · #906217 · #1E3230

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

The five colors

• Ivory (#F1F7F1): bright and airy, almost weightless.
• Sand (#DCBA8C): A luminous, dusty gold — the color of honey in a jar.
• Fern (#5D8A63): A full-bodied, dusty green — the color of fresh herbs.
• Ochre (#906217): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#1E3230): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Dusty Olive Dune color palette (#EDF8F4, #B9C798, #398B8E, #65753A, #213136)
• Weathered Bronze Harbor color palette (#FAF3F7, #DBB2CB, #857F4A, #9A5A41, #23322A)
• Patina Bronze Harbor color palette (#F7F0F3, #DFB5C9, #41947D, #AD5603, #021A1C)
• Worn Forest Canyon color palette (#DDFFE7, #C5C792, #748959, #386438, #005438)
• Tempered Denim color palette (#EBFAEE, #B0AA75, #62815E, #4B5683, #334E45)
• Amber Grove color palette (#FBF4EE, #F6C5AA, #40B0A5, #CC7134, #273124)
• Ancient Mustard color palette (#ECF9F1, #BCA01E, #00793B, #655500, #00250D)
• Softworn Bronze Harbor color palette (#EEF9EE, #9C7B44, #2F7184, #504575, #3C2E3B)

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