Patina Petrol color palette — #F3E3EC · #5BAECA · #0068B7 · #004B3D · #0F053F

Cobalt takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F3E3EC): A whisper-light, dusty pink — the color of peonies in June.
• Cyan (#5BAECA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cobalt (#0068B7): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004B3D): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#0F053F): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Airy Grove color palette (#F4E5EB, #84B8DC, #486BD8, #005957, #231440)
• Forest Pier color palette (#EBE2EB, #57B3B2, #00718D, #004E17, #00142C)
• Patina Corridor color palette (#F8EBE3, #87C1D5, #006DA9, #003E39, #000016)
• Wandering Cerulean Ridge color palette (#EDE1D0, #279DC0, #004F74, #003031, #00142D)
• Sunlit Boulevard color palette (#F4ECF1, #8BD1E3, #008CDD, #006F54, #232A50)
• Ember Thicket color palette (#E6EAFA, #D599DE, #DE625C, #006190, #1B0830)
• Ultramarine Study color palette (#E1EDFC, #0066BB, #536300, #005939, #000716)
• Sunlit Canyon color palette (#FEF0FB, #97EBF4, #00A8E5, #008752, #243E6F)

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