Patina Abyss Harbor color palette — #F1F8EA · #78BB9F · #BF8B93 · #A16771 · #2F4500

Deep Olive and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F1F8EA): bright and airy, almost weightless.
• Mint Leaf (#78BB9F): A luminous, dusty teal — the color of shallow lagoons.
• Dusty Rose (#BF8B93): A luminous, dusty red — the color of a theater curtain.
• Mocha (#A16771): A full-bodied, dusty red — the color of a theater curtain.
• Deep Olive (#2F4500): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication. Tagged muted.

Use it as a design system

One click turns Patina Abyss 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 Chestnut color palette (#EDF8F1, #7ABDD0, #B07A8E, #91574E, #464518)
• Ancient Seafoam Cabin color palette (#E5FAF9, #8AD7A5, #DC98A7, #AA7164, #1F3736)
• Muted Harbor color palette (#F6F7E5, #94B783, #9396C9, #7275A7, #404000)
• Ancient Terracotta color palette (#EDF8F1, #9C905E, #9F6C8E, #8F444D, #314238)
• Tempered Canyon color palette (#FFF3E9, #80CDCE, #7395C0, #966030, #384D41)
• Timeworn Studio color palette (#E2FEE2, #00ABAA, #D15A64, #B32A40, #003332)
• Dusty Bronze color palette (#E2F4E1, #00A4A1, #B8683D, #755E00, #182C18)
• Seafoam Study color palette (#EFF9EA, #71D8C5, #99B7ED, #A69A61, #364132)

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