Patina Pier color palette — #F9DCCF · #E72103 · #007F90 · #9E1100 · #00070A

Built around Poppy, softened by Garnet — the whole palette hums with trust and stability.

The five colors

• Shell Pink (#F9DCCF): A whisper-light, dusty orange — the color of sun-warmed clay.
• Poppy (#E72103): A full-bodied, vivid orange — the color of sun-warmed clay.
• Teal (#007F90): A full-bodied, balanced blue — the color of deep harbor water.
• Garnet (#9E1100): A full-bodied, vivid orange — the color of toasted spice.
• Ink (#00070A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Energy, Balance. Tagged vibrant.

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

• Rust Courtyard color palette (#FCDECF, #C65A00, #007CA2, #873B00, #00070C)
• Brick Ridge color palette (#F9DDD0, #C21900, #006471, #6C0900, #00070A)
• Washed Raspberry color palette (#F6D6DF, #DE1B7B, #008374, #980E52, #000806)
• Antique Cabin color palette (#FBE7E1, #BF3A00, #007A4B, #494CA4, #060000)
• Patina Emerald color palette (#E3EAFC, #009661, #A86500, #180A00, #040100)
• Pale Ember Field color palette (#F0DCD3, #DC5C00, #A24200, #532100, #050100)
• Gentle Apricot Coast color palette (#F3E3DA, #ED962F, #AB9429, #A04D52, #140600)
• Wandering Sapphire color palette (#FEECD4, #A57400, #2D65E5, #6F4D00, #000221)

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