Patina Canyon color palette — #FBF2F7 · #BEE2FB · #6E8BBA · #177167 · #40465E

Built around Teal, softened by Slate Blue — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Powder Blue (#BEE2FB): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#6E8BBA): A luminous, dusty blue — the color of deep harbor water.
• Teal (#177167): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#40465E): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Hazy Cobalt Villa color palette (#FEF1F7, #81DCFD, #2681D8, #006856, #37396B)
• Hushed Cerulean Orchard color palette (#EDF8F7, #D3DBF2, #7FABCB, #438597, #2F4A65)
• Wandering Cerulean color palette (#F1F3EA, #BFE7D6, #5894BE, #07697E, #00352C)
• Worn Harbor color palette (#EAE1E9, #55AFB1, #00607C, #004119, #001F43)
• Weathered Amber color palette (#FFF0F8, #E2834A, #4991C2, #93522B, #26465E)
• Worn Cerulean Boulevard color palette (#F7E5F1, #0090A7, #004065, #002318, #030328)
• Forest Harbor color palette (#FEF0FF, #5BCCCA, #007A97, #005B1B, #003460)
• Worn Sapphire color palette (#F7EBEF, #6CBCE6, #3563BD, #00504A, #2E2551)

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