Patina Teal color palette — #FCF3EE · #C5E9E5 · #8EC4F0 · #5EA98D · #583E52

Built around Jade, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#FCF3EE): a clean, paper-quiet neutral.
• Honeydew (#C5E9E5): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#8EC4F0): A luminous, balanced blue — the color of deep harbor water.
• Jade (#5EA98D): A luminous, balanced teal — the color of sea glass.
• Cocoa (#583E52): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged coastal, cool, light, 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

• Hushed Lagoon Terrace color palette (#F8F5EF, #C0E0EA, #76C6ED, #009590, #1E4260)
• Turquoise Canyon color palette (#E7FBEC, #81DCEB, #EEAD88, #00B2C6, #623519)
• Weathered Teal Courtyard color palette (#EAFAEE, #EDD6D3, #82BDA2, #ABA79D, #335047)
• Periwinkle Villa color palette (#FFF3E8, #B0E1FF, #7FA8FF, #009890, #371F6C)
• Softworn Turquoise Terrace color palette (#BAF2DA, #6FE1D0, #1DBAD5, #348CB5, #3C4A6D)
• Sunlit Harbor color palette (#E2FDEE, #6ECCEE, #F09D70, #BE9141, #1D4030)
• Washed Courtyard color palette (#F6EFF4, #BFE3F4, #5094C7, #076F52, #1E2C47)
• Quiet Harbor color palette (#F8E5D8, #83B9D0, #3C84D9, #006E5F, #120340)

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