Patina Pier color palette — #F1F5FF · #C5DA98 · #5B58A3 · #24214A · #02030B

Built around Slate, softened by Pistachio — the whole palette hums with nature and growth.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Pistachio (#C5DA98): A whisper-light, balanced green — the color of new leaves after rain.
• Slate (#5B58A3): A full-bodied, balanced violet — the color of wild irises.
• Deep Indigo (#24214A): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#02030B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, 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

• Petrol Villa color palette (#EEF6FF, #FFBFA0, #0067A9, #002A49, #00040C)
• Pewter Bloom color palette (#F3F4FF, #CEF2BF, #8168A5, #3F2F55, #0D0E1A)
• Navy Ridge color palette (#F2E4EE, #94AA6A, #394176, #14173C, #0D010A)
• Linen Grape color palette (#F5F3FF, #A6D746, #8D009A, #35003B, #020008)
• Iris Alley color palette (#FAE9F0, #FFB1AB, #8F7ABC, #5B4D78, #211018)
• Soft Ember color palette (#F2F5FD, #CEC8FF, #E55041, #775FD0, #0C020A)
• Feathered Mulberry Orchard color palette (#FBF1FD, #C2C063, #911A3E, #350010, #030004)
• Hazy Dune color palette (#FAF1FF, #DCE25B, #BD146D, #56092F, #0C0411)

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