Patina Harbor color palette — #FEF1F5 · #BBE0FF · #7C93F9 · #008284 · #473562

Lavender Blue and Teal set the tone — five colors that lean into creativity and calm.

The five colors

• Ivory (#FEF1F5): bright and airy, almost weightless.
• Powder Blue (#BBE0FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Lavender Blue (#7C93F9): A luminous, balanced violet — the color of a velvet chair.
• Teal (#008284): A full-bodied, balanced teal — the color of glacier melt.
• Royal Purple (#473562): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Wandering Periwinkle Courtyard color palette (#FDF1F7, #C9EAFF, #82A7D9, #40897C, #3C4665)
• Cornflower Canyon color palette (#FAF4EA, #ABDACC, #407CDF, #006379, #323971)
• Patina Forest Market color palette (#F5EBF5, #95D1D1, #1A94B8, #266E37, #102F50)
• Ultramarine Coast color palette (#F8E8EE, #64AAD8, #4360B4, #004A48, #1A003C)
• Misty Magenta Studio color palette (#DAFFF0, #BFCA44, #BD60C1, #777F00, #591C5C)
• Linen Amber Ridge color palette (#D9FFF3, #A6ECED, #7DD6FB, #BA8013, #24523B)
• Lime Parlor color palette (#D3F7CF, #4AD041, #D853B4, #9A58C8, #183915)
• Dusty Pine color palette (#EFE2D3, #CEA800, #709200, #197B10, #004839)

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