Patina Pier color palette — #F5F3E1 · #AEE6E1 · #8BD1DC · #8F8352 · #2C2E1D

Ice Blue and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F5F3E1): A whisper-light, dusty green — the color of new leaves after rain.
• Sea Foam (#AEE6E1): A whisper-light, dusty teal — the color of glacier melt.
• Ice Blue (#8BD1DC): A luminous, dusty blue — the color of deep harbor water.
• Mocha (#8F8352): A luminous, dusty green — the color of a quiet forest floor.
• Deep Forest (#2C2E1D): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged pastel, light, 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

• Washed Seafoam color palette (#FEF0DB, #C8EBC5, #8DE0B9, #9F6951, #342B16)
• Bronze Corridor color palette (#F5F8E3, #C5EDCE, #8CCCB9, #867F36, #4A5406)
• Quiet Parlor color palette (#E6F9DC, #BCF1FF, #92B9FF, #389040, #0F2E17)
• Hushed Taupe Terrace color palette (#DEFDF4, #B4DFED, #BFB1B4, #A29463, #3A5854)
• Tempered Sky color palette (#EEF8CE, #41E9D3, #0DBCFA, #636A00, #002418)
• Wandering Bronze color palette (#FDEFE4, #C4A67C, #A26338, #6C3D37, #292211)
• Timeworn Study color palette (#D4EED0, #89D2EE, #7E8FF4, #006842, #00220C)
• Ancient Thicket color palette (#E0E1C2, #3DAC90, #007F9B, #4A4400, #000B04)

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