Patina Harbor color palette — #FAF3F7 · #D6D4E1 · #B8C0E8 · #5BA096 · #404E63

Built around Eucalyptus, softened by Sky — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Silver (#D6D4E1): a clean, paper-quiet neutral.
• Sky (#B8C0E8): A luminous, dusty violet — the color of wild irises.
• Eucalyptus (#5BA096): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#404E63): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Sophistication, Softness, Clarity. Tagged coastal, cool, 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

• Hushed Pier color palette (#F5F6EF, #C9E7E4, #9CCFE6, #66B0B8, #315246)
• Tempered Villa color palette (#ECF4F3, #D0DBED, #5EA7C6, #3C757C, #273845)
• Powder Archive color palette (#EDF6FF, #DBD7F5, #A6AFEB, #877AAA, #4F4C6E)
• Dusty Powder color palette (#F2F5FF, #CBC2FF, #C1BE87, #9EA971, #33374B)
• Antique Pier color palette (#FCF1F9, #9DD7E4, #0D84B7, #005346, #000B24)
• Denim Terrace color palette (#F9E6EF, #76AAC2, #005698, #002B2A, #00000B)
• Hushed Alley color palette (#F1F5FF, #E6D4ED, #DBCC88, #9490D8, #2C4F3C)
• Ancient Delta color palette (#FFF1F5, #C9EFE9, #CBA1AE, #8E7082, #32443D)

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