Patina Harbor color palette — #FFF2EB · #D2E9FF · #18A1F9 · #007559 · #171A58

A conversation between Cornflower and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Frost (#D2E9FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cornflower (#18A1F9): A luminous, vivid blue — the color of open sky before noon.
• Teal (#007559): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#171A58): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Tempered Iris Grove color palette (#FFF3E6, #DEE2F5, #7C8FFC, #007274, #2F114E)
• Powdered Forest Corridor color palette (#FEF2EE, #9DF7FF, #3D9DC9, #006E3E, #0A1D3D)
• Hushed Sky color palette (#FFF2EB, #C0EAF7, #5CAFE8, #357E62, #40223B)
• Pale Sky Lantern color palette (#E8F9F7, #99E7FF, #00BBF1, #0096A3, #003751)
• Weathered Navy Studio color palette (#FFF0FA, #6DC6DF, #0075AE, #00574D, #052A77)
• Sunlit Cobalt color palette (#FFF2EA, #83D9F9, #127BD8, #005345, #09052A)
• Tempered Powder Orchard color palette (#FCF3EC, #D8D5E2, #9DBBF2, #4F8F88, #513544)
• Aged Nightshade Terrace color palette (#F0E6DD, #50ABE5, #334DA1, #002B2A, #020007)

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