Patina Pier color palette — #F4E2F3 · #005DD0 · #585900 · #003C50 · #130013

A conversation between Cobalt and Olive, giving this palette its sense of nature and growth.

The five colors

• Blush (#F4E2F3): A whisper-light, dusty pink — the color of peonies in June.
• Cobalt (#005DD0): A full-bodied, vivid blue — the color of open sky before noon.
• Olive (#585900): A full-bodied, balanced green — the color of fresh herbs.
• Deep Teal (#003C50): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#130013): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged 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

• Frosted Basin color palette (#FFE2EF, #6C4BB7, #485F00, #003C4F, #16000B)
• Pale Cobalt Coast color palette (#F5E2F4, #3573CD, #3C7500, #00457C, #1A081A)
• Antique Ultramarine Boulevard color palette (#FBE3F4, #2F34C9, #1A5200, #00284C, #060005)
• Ultramarine Cabin color palette (#EFDDEE, #005BD4, #6E4F00, #473200, #00061C)
• Weathered Delta color palette (#DCEFE6, #006E91, #665300, #003E43, #000B05)
• Plum Drift color palette (#F4E2E3, #B300A1, #006D42, #003680, #190016)
• Aubergine Garden color palette (#FCE0E6, #7B3092, #573B00, #003239, #0B0002)
• Muted Lantern color palette (#FFE9E6, #AE2361, #485E00, #003A5B, #160101)

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