Patina Teal color palette — #EFF4E8 · #5EA685 · #A47281 · #7F4D5D · #1F2516

A conversation between Jade and Coffee, giving this palette its sense of sophistication.

The five colors

• Cream (#EFF4E8): a clean, paper-quiet neutral.
• Jade (#5EA685): A luminous, balanced teal — the color of glacier melt.
• Mocha (#A47281): A luminous, dusty rose — the color of pressed rose petals.
• Coffee (#7F4D5D): A full-bodied, dusty rose — the color of pressed rose petals.
• Onyx (#1F2516): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Sophistication. Tagged muted.

Use it as a design system

One click turns Patina Teal 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

• Taupe Corridor color palette (#F4F3E1, #889E66, #807DA6, #5C5981, #252311)
• Hushed Teal color palette (#E8F6E9, #4DA5A6, #A67754, #735930, #19271A)
• Patina Turquoise Parlor color palette (#EAF5ED, #56AAB9, #8F6279, #6F3B34, #332500)
• Dusty Terracotta color palette (#FBF4E7, #A08F56, #9F6C8F, #8B4753, #403D36)
• Weathered Lantern color palette (#FCEFE4, #78BAB3, #587C9D, #704728, #203125)
• Patina Lantern color palette (#E9F9FB, #76BAAB, #A290C8, #AA645C, #264247)
• Wandering Chestnut color palette (#D9F0DD, #00858F, #974D1F, #6D2F00, #021506)
• Seafoam Alley color palette (#E7FAF8, #9CD3A6, #D3A094, #9E7A4F, #223634)

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