Patina Workshop color palette — #FCF3EF · #BCEBF5 · #5FB1D9 · #387F56 · #3C253B

Built around Cyan, softened by Teal — the whole palette hums with nature and growth.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Frost (#BCEBF5): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#5FB1D9): A luminous, balanced blue — the color of deep harbor water.
• Teal (#387F56): A full-bodied, balanced teal — the color of sea glass.
• Espresso (#3C253B): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Periwinkle Market color palette (#FCF3EA, #D9D5E0, #90A2E3, #1E7E7E, #422331)
• Dusty Turquoise color palette (#FFF2EE, #CDE2FA, #48B6D3, #517B4E, #00372D)
• Wandering Periwinkle Coast color palette (#FDF3EC, #C5ECFF, #5893E3, #006B5E, #1C1740)
• Feathered Coral color palette (#FFF2EC, #FF7567, #00A6CA, #008CAB, #2F1104)
• Washed Cerulean color palette (#FBF2F9, #A6CCD9, #0085A7, #006248, #0E3D61)
• Hushed Powder color palette (#FCF3F0, #BEE6EC, #A9C7F2, #759E7D, #594659)
• Hushed Denim color palette (#F3E0D8, #58B1BE, #005B83, #002D1B, #00000C)
• Hushed Ultramarine Balcony color palette (#F7ECE3, #5AC3FB, #3A62B8, #003E3A, #030010)

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