Patina Pier color palette — #D8EFEB · #7DB1BD · #637F98 · #714431 · #143520

Built around Coffee, softened by Blue Fog — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D8EFEB): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#7DB1BD): A luminous, dusty blue — the color of open sky before noon.
• Slate (#637F98): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Coffee (#714431): A full-bodied, dusty orange — the color of toasted spice.
• Deep Forest (#143520): A deep, shadowed, dusty teal — the color of sea glass.

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

• Cocoa Station color palette (#D9F3EE, #7EB0B7, #48788D, #663A2B, #3B1D2B)
• Pewter Courtyard color palette (#D6FAFE, #A4C5D8, #7C8CA9, #4E6750, #1E382A)
• Patina Fern color palette (#C5EBFF, #9DB0E4, #8A6E91, #405718, #03331B)
• Indigo Loft color palette (#DDF0EF, #54A4CD, #5D5EB1, #584500, #0D2900)
• Softworn Cobalt color palette (#C5ECFC, #74A9C1, #4F80AB, #535371, #4B394A)
• Dusty Ridge color palette (#DBE5BF, #ABC6AD, #6B8DB1, #8C614B, #5E3F00)
• Patina Denim Summit color palette (#C7E8D2, #4E8C89, #2D5784, #4C2700, #151100)
• Worn Azure Drift color palette (#E1EEFA, #3196DA, #8C4800, #5A4F00, #001627)

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