Patina Harbor color palette — #DCFFF0 · #D7DFFA · #77B8ED · #4579B2 · #5D405C

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

The five colors

• Honeydew (#DCFFF0): A whisper-light, dusty teal — the color of shallow lagoons.
• Frost (#D7DFFA): A whisper-light, dusty violet — the color of twilight just after sunset.
• Sky (#77B8ED): A luminous, balanced blue — the color of deep harbor water.
• Slate (#4579B2): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#5D405C): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Calm, Sophistication. Tagged light, muted, cool.

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 Cobalt Study color palette (#FFF0FD, #DFD9EC, #9DA4EA, #756EB3, #613E50)
• Powder Terrace color palette (#EBF7FF, #70C2F1, #4C8FC0, #3E6386, #3C4F67)
• Patina Powder Workshop color palette (#DDFFE6, #A7E3FF, #7AC4FF, #7D97CC, #604857)
• Linen Canyon color palette (#E1FEE4, #AAF3FD, #5FCADF, #0085A3, #305B49)
• Dusty Petrol color palette (#FFF0FC, #DBD2DA, #9AB0E6, #5067A3, #1A2547)
• Antique Grove color palette (#E8FAF5, #D7DBF8, #A6DBB3, #599FE0, #414D00)
• Wandering Workshop color palette (#FDF1FB, #E7D5D7, #A1C6EB, #B1B2A6, #574753)
• Linen Grape color palette (#F1F4FF, #BCBEFF, #907BE3, #7242B7, #391E53)

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