Patina Pier color palette — #ECF9F1 · #C1B12F · #415A58 · #222E28 · #140D10

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

The five colors

• Ivory (#ECF9F1): a clean, paper-quiet neutral.
• Gold (#C1B12F): A luminous, balanced green — the color of new leaves after rain.
• Charcoal Brown (#415A58): A full-bodied, dusty teal — the color of sea glass.
• Deep Forest (#222E28): quiet, heavy and certain.
• Ink (#140D10): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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

• Wandering Hollow color palette (#F7F2E1, #BFBA78, #897C33, #595448, #25211A)
• Tempered Mint Loft color palette (#E9F9F8, #5BC978, #415960, #202E2D, #0A110E)
• Patina Apricot Lagoon color palette (#FFF0F7, #F19453, #475A4F, #32272D, #110E11)
• Ancient Pier color palette (#DBFEF3, #7DA100, #0F4638, #001B14, #000201)
• Muted Study color palette (#DFFDF5, #ADDD86, #E5A3CC, #AA99C0, #253E39)
• Dusty Olive Grove color palette (#C9EFE7, #498900, #483C3D, #002C26, #000504)
• Forest Villa color palette (#D9ECEB, #007243, #2F2E35, #001619, #000202)
• Patina Parlor color palette (#EAF9F5, #D2F2AE, #EBB8E5, #8CA373, #49415A)

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