Patina Azure color palette — #F7F0EC · #C4E6D4 · #5490D6 · #136D5E · #3D2233

Azure takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F7F0EC): bright and airy, almost weightless.
• Celadon Mist (#C4E6D4): A whisper-light, dusty teal — the color of sea glass.
• Azure (#5490D6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#136D5E): A full-bodied, balanced teal — the color of shallow lagoons.
• Espresso (#3D2233): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

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

• Faded Study color palette (#FEEEE5, #A1DAEF, #1984E5, #006453, #1F1E4B)
• Cerulean Balcony color palette (#F9F4ED, #BCE8D3, #6290B3, #286D73, #534053)
• Sunlit Peony color palette (#EAF6E5, #34BBA8, #C26BA4, #007568, #40191D)
• Patina Market color palette (#FCF2F7, #C9EAFF, #86A7D2, #44897B, #3D4663)
• Hazy Forest Basin color palette (#FFEDE9, #5ED1C9, #007F97, #105607, #001B32)
• Antique Cerulean Workshop color palette (#EDDFD8, #178798, #004061, #002014, #00000C)
• Patina Denim color palette (#FCEBE6, #6BA9AA, #00617D, #003C16, #000A1E)
• Gentle Sapphire color palette (#F1E7DE, #88BBD6, #2D66C8, #004C45, #170C36)

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