Patina Harbor color palette — #FFDEC1 · #D4D2FF · #00E9D5 · #445240 · #2F342E

A conversation between Lagoon and Lilac Frost, giving this palette its sense of sophistication.

The five colors

• Peach Cream (#FFDEC1): A whisper-light, dusty gold — the color of honey in a jar.
• Lilac Frost (#D4D2FF): A whisper-light, dusty violet — the color of a velvet chair.
• Lagoon (#00E9D5): A whisper-light, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#445240): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Forest (#2F342E): a grounded near-black with real depth.

Feels like: Sophistication. Tagged neon, dark, vibrant, 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

• Seafoam Alley color palette (#FFDCCB, #E8D1FF, #6FF0BC, #577374, #2B3434)
• Washed Study color palette (#FFDAD8, #BBDBFF, #4AED89, #434F00, #32342C)
• Mallow Courtyard color palette (#F3E4D0, #F19BFF, #00CBDD, #00454C, #16261A)
• Washed Drift color palette (#EFF8F0, #41C0C3, #C583AB, #A36A4F, #344135)
• Washed Powder Corridor color palette (#EAF2D4, #FFB0CA, #89C3FF, #2E4B44, #1F2C29)
• Aged Loft color palette (#F1F7F2, #9FDEE5, #8994E5, #009FAC, #342A31)
• Mustard Courtyard color palette (#FFE1A2, #EABDFF, #C3C71A, #444740, #323029)
• Ash Coast color palette (#F0F7F3, #D2DDDE, #B7B4AA, #7EA692, #4D5551)

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