Patina Harbor color palette — #EEF4EC · #C9DBD6 · #ACBCB0 · #2C716B · #1B2319

Teal and Ash set the tone — five colors that lean into sophistication.

The five colors

• Cream (#EEF4EC): a clean, paper-quiet neutral.
• Silver (#C9DBD6): A whisper-light, dusty teal — the color of glacier melt.
• Ash (#ACBCB0): A luminous, dusty teal — the color of glacier melt.
• Teal (#2C716B): A full-bodied, dusty teal — the color of sea glass.
• Onyx (#1B2319): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Sophistication. Tagged scandi, muted, 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

• Patina Ash color palette (#D3EADA, #84B39E, #51796F, #5B3E46, #272703)
• Worn Field color palette (#E7F6EF, #B4DFD1, #BCA1BE, #006487, #0C1E17)
• Lagoon Meadow color palette (#F2F7EF, #D0DFDC, #B4B2BE, #4E9A8A, #2B3028)
• Hushed Archive color palette (#F9EEF7, #EBCFD3, #D6B4C6, #4F69A3, #2E202C)
• Smoked Petrol Ridge color palette (#D6E7DB, #007182, #002A38, #021007, #000301)
• Tempered Taupe Summit color palette (#F7F2DF, #98A961, #556E3C, #444C00, #211C01)
• Tempered Studio color palette (#D5E3DB, #8FA69C, #5D8679, #003D4C, #000602)
• Seafoam Market color palette (#E6F7E8, #00EBD6, #00BBC4, #0088AB, #001E0D)

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