Patina Harbor color palette — #F0F5FF · #3E60FF · #796600 · #574900 · #1E294B

Royal Blue and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Royal Blue (#3E60FF): A full-bodied, vivid violet — the color of twilight just after sunset.
• Olive (#796600): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#574900): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#1E294B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

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

• Pale Indigo Thicket color palette (#F1F5FF, #6263FF, #775100, #004B3E, #003136)
• Antique Balcony color palette (#EDF6FF, #007DC1, #826100, #5E4600, #132D44)
• Pale Ridge color palette (#EBEDFF, #894CC5, #6C6300, #4D4600, #232439)
• Aged Lapis Garden color palette (#D2DEF8, #4C33F1, #575700, #3A3A00, #0F1933)
• Pale Violet color palette (#F2F4FF, #965DFF, #366500, #004F37, #242847)
• Orchid Bloom color palette (#F4F4FF, #9E5ECF, #4B7F4C, #365E37, #313142)
• Hushed Study color palette (#DCFFEB, #7179FF, #A32369, #005335, #3D2C50)
• Indigo Meadow color palette (#FFEBF8, #6264F5, #A7416D, #005554, #0E0F2F)

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