Patina Harbor color palette — #FAF3F7 · #D2E0F9 · #97C3EA · #56AB8F · #3A4763

Jade and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Frost (#D2E0F9): A whisper-light, dusty violet — the color of twilight just after sunset.
• Sky (#97C3EA): A luminous, dusty blue — the color of deep harbor water.
• Jade (#56AB8F): A luminous, balanced teal — the color of glacier melt.
• Charcoal (#3A4763): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Wandering Loft color palette (#F1F5FF, #B2B6FF, #B1BC6E, #76A97A, #2F374E)
• Muted Ash Loft color palette (#F1F5FF, #E1D6E3, #A1C2BA, #91AED6, #4A4E68)
• Hushed Lagoon color palette (#F9F4EE, #C4E4E1, #79ADC8, #2E8A87, #245147)
• Softworn Lagoon color palette (#F8EAF2, #ADDAF5, #74A8E2, #00937B, #272851)
• Feathered Cornflower Drift color palette (#F6E7EF, #76BBD7, #3483E0, #006E5F, #12033F)
• Forest Ridge color palette (#F5EBF4, #66AEB1, #0080A5, #00622D, #00081C)
• Wandering Periwinkle Study color palette (#F0F6FF, #B4CBFF, #B7C774, #7E9DE3, #3F471B)
• Worn Taupe color palette (#FFF1F5, #B3DCC2, #CCA47D, #AB7A70, #25443B)

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