Patina Harbor color palette — #FAF5E5 · #B5E8DC · #9DCAEE · #A1774A · #534E00

Deep Olive and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FAF5E5): A whisper-light, dusty green — the color of new leaves after rain.
• Mint (#B5E8DC): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#9DCAEE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Mocha (#A1774A): A luminous, balanced gold — the color of honey in a jar.
• Deep Olive (#534E00): A full-bodied, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, 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

• Fern Coast color palette (#F5F6EA, #BBE1E6, #E9CFEB, #938E55, #3C5718)
• Driftwood Chapel color palette (#FFF3E5, #D9E5BC, #9CD3B9, #B8696A, #5E4400)
• Powder Meadow color palette (#E2F8F0, #A2E4EC, #77C5F8, #8D7F4F, #163530)
• Softworn Olive color palette (#EEFAE8, #B8DECB, #B0AAED, #4C7E40, #2E4D3B)
• Tempered Field color palette (#DFFEEB, #B7E9F9, #C5C1CC, #CEA19E, #3E5853)
• Sky Pier color palette (#E2FFDA, #6BEACB, #0AB5F2, #785500, #00402F)
• Aged Garnet color palette (#FFF2EB, #B9A38A, #9C614B, #7A3A49, #403D36)
• Cerulean Canyon color palette (#DFE1D3, #64AE88, #0082A8, #4C3400, #041E00)

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