Patina Harbor color palette — #EEEEFF · #8649BB · #6F6200 · #005529 · #030009

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

The five colors

• Blush (#EEEEFF): A whisper-light, dusty violet — the color of wild irises.
• Violet (#8649BB): A full-bodied, vivid violet — the color of a velvet chair.
• Olive (#6F6200): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#005529): A deep, shadowed, balanced teal — the color of sea glass.
• Black (#030009): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Frosted Byzantium Corridor color palette (#EEEDFE, #972FA9, #5B5400, #003F36, #000208)
• Lapis Field color palette (#D4E1FC, #4F5BD7, #875400, #3B4F00, #01000F)
• Raspberry Ridge color palette (#E7DCEE, #CF4187, #0C610F, #005154, #060002)
• Gentle Brick color palette (#D6E2D8, #B25194, #AA0027, #00471F, #0C0004)
• Shadow Basin color palette (#CCE5F5, #005B75, #195300, #002F38, #000204)
• Velvet Denim color palette (#F9E3FB, #004D93, #00463D, #001E1A, #000104)
• Crimson Boulevard color palette (#F2DFF3, #D5355C, #00845F, #005E76, #100002)
• Powdered Harbor color palette (#EFE3F9, #F063AF, #348000, #007172, #200011)

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