Patina Harbor color palette — #FFF0F9 · #E7D4D3 · #D5BCE4 · #6977A5 · #59404D

Slate takes the lead with Lavender close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Bone (#E7D4D3): A whisper-light, dusty orange — the color of sun-warmed clay.
• Lavender (#D5BCE4): A whisper-light, dusty violet — the color of twilight just after sunset.
• Slate (#6977A5): A full-bodied, dusty violet — the color of wild irises.
• Cocoa (#59404D): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Creativity, Sophistication. Tagged pastel, light, muted.

Use it as a design system

One click turns Patina Harbor 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

• Patina Garden color palette (#FFF1F4, #E3D7D2, #DEBDAA, #9D7B88, #654C51)
• Powder Canyon color palette (#E4FBF2, #B8E6ED, #B6CCFF, #4F899E, #3A554C)
• Tempered Grove color palette (#FCECF7, #EDD0CA, #EAB3AE, #3F85AF, #3F2332)
• Worn Blush Villa color palette (#FFF1F1, #FAD1CB, #F98D98, #8E558C, #5C3634)
• Timeworn Azure Studio color palette (#F0F5FF, #DFD8E2, #EFBBB4, #5FA5D4, #484D67)
• Linen Nightshade color palette (#FFEEF4, #EFAEFC, #DE89C4, #5F4AA2, #462754)
• Pale Plum Lantern color palette (#E9E5FF, #B396D0, #9B569A, #3D3881, #240D3C)
• Hushed Driftwood Harbor color palette (#FFF1F4, #996DAB, #9D5E4A, #0F5A7C, #432B32)

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