Patina Pier color palette — #E8EEE0 · #209F73 · #005675 · #004E35 · #00120A

Fern and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E8EEE0): a clean, paper-quiet neutral.
• Fern (#209F73): A luminous, balanced teal — the color of sea glass.
• Peacock (#005675): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004E35): A deep, shadowed, balanced teal — the color of sea glass.
• Ink (#00120A): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, muted, cool.

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

• Denim Ridge color palette (#F1F8EC, #4CAD96, #006494, #005D4D, #001E16)
• Nightshade Studio color palette (#E5EEE5, #009C9D, #3E3AAA, #004B4C, #190514)
• Aged Boulevard color palette (#EEEBE0, #859131, #005C51, #3F4600, #041200)
• Patina Garnet color palette (#EBDCC3, #008986, #005473, #62002E, #002A2F)
• Patina Lapis color palette (#E4F8EC, #009EBE, #430DE4, #004F60, #0B0737)
• Timeworn Nightshade Summit color palette (#EAF3E8, #00897F, #0025AB, #003B36, #000116)
• Worn Lantern color palette (#EAF1E8, #C4D0C6, #8FA79B, #00635A, #253221)
• Pale Alley color palette (#E5E6D8, #54A42D, #4E31C2, #215400, #070004)

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