Patina Pier color palette — #F8F0E9 · #C4E4DB · #768BC5 · #0F6A77 · #3E2131

A conversation between Slate Blue and Peacock, giving this palette its sense of trust and stability.

The five colors

• Cream (#F8F0E9): a clean, paper-quiet neutral.
• Silver (#C4E4DB): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#768BC5): A luminous, balanced violet — the color of a velvet chair.
• Peacock (#0F6A77): A full-bodied, dusty blue — the color of open sky before noon.
• Espresso (#3E2131): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged coastal, cool, 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

• Tempered Dune color palette (#FAF0E7, #A9DCCC, #5B80CF, #00616A, #231952)
• Dusty Chapel color palette (#F4F6EF, #C6E4DC, #688CBE, #006A94, #5A3C56)
• Muted Cerulean color palette (#F9F0EB, #CBE4D0, #5397B4, #276C57, #07342C)
• Softworn Cerulean Workshop color palette (#FDEBFD, #E9D3D3, #E3B5D5, #438D9E, #3B2635)
• Petrol Delta color palette (#FBECFD, #7AA8DA, #B4823C, #2A67A4, #382200)
• Hushed Denim Alley color palette (#FAEDE6, #68A7B8, #005F8A, #003A32, #000824)
• Powder Alley color palette (#EBF8F8, #DBDCE7, #98BDF3, #5089AB, #2E405C)
• Frosted Cabin color palette (#ACF2FF, #53B0D3, #307BB9, #334C89, #28294E)

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