Patina Harbor color palette — #E7FBEB · #FFD0C4 · #AFA177 · #5C729D · #4F3742

Slate and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E7FBEB): A whisper-light, dusty teal — the color of glacier melt.
• Shell Pink (#FFD0C4): A whisper-light, dusty orange — the color of autumn markets.
• Camel (#AFA177): A luminous, dusty green — the color of a quiet forest floor.
• Slate (#5C729D): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#4F3742): A deep, shadowed, dusty rose — the color of strawberry cream.

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

• Worn Taupe Grove color palette (#FFF1F5, #F3DAA5, #85AF82, #7D6892, #2F453B)
• Muted Sand color palette (#FDF1F7, #FDBA96, #5DA9A3, #4C6D94, #353552)
• Weathered Cocoa Villa color palette (#FEF4E4, #D0978A, #897539, #485880, #6A3A00)
• Ash Ridge color palette (#EEF8F1, #BEDEF1, #8AB9B4, #8C8096, #364C44)
• Apricot Thicket color palette (#FFF1F5, #D5A46B, #485951, #33272B, #130D11)
• Aged Hollow color palette (#FAF3F7, #D6D4E1, #B8C3F2, #5BA098, #3E4E67)
• Bronze Parlor color palette (#EAF5EC, #D1A071, #8F7435, #335C45, #243023)
• Pale Atelier color palette (#FFF1F5, #E1AD44, #568F4A, #5C3F85, #262200)

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