Patina Harbor color palette — #FFF2EE · #D37983 · #6D7200 · #004F5D · #200305

Olive and Coral Clay set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Coral Clay (#D37983): A luminous, balanced red — the color of late-summer berries.
• Olive (#6D7200): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#004F5D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#200305): A deep, shadowed, dusty red — the color of embers at dusk.

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

• Bronze Terrace color palette (#FFF2EF, #CE7B93, #955700, #00554A, #1D0511)
• Powdered Olive Veranda color palette (#FEF3E8, #CA8535, #568117, #004D76, #180200)
• Worn Chapel color palette (#FEF3EB, #D9936A, #78913B, #006491, #281311)
• Dusty Bronze Studio color palette (#FFF4E0, #E69EBD, #B2683D, #005780, #37170E)
• Linen Pier color palette (#FFF4E1, #A67E00, #02701A, #003578, #0A0001)
• Aged Amber Hollow color palette (#FFF0F8, #FEADBB, #CE6E4F, #7D4B00, #282000)
• Aged Ember Workshop color palette (#FFF2EB, #CE684A, #47300B, #1E0800, #040000)
• Quiet Plum Boulevard color palette (#FFEDEE, #AB429A, #005C6B, #09326F, #16040C)

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