Patina Petrol color palette — #F7EBF1 · #8FB7D2 · #266AAF · #00504F · #222955

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

The five colors

• Blush (#F7EBF1): bright and airy, almost weightless.
• Ash (#8FB7D2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#266AAF): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00504F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Navy (#222955): A deep, shadowed, dusty violet — the color of wild irises.

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

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

• Cobalt Bloom color palette (#FDF2F6, #ACC9E2, #5977B2, #005E66, #373363)
• Muted Boulevard color palette (#E8EAE2, #91BFAB, #0073A8, #004958, #00172C)
• Denim Atelier color palette (#F5E7F0, #65ADAA, #006273, #004123, #002234)
• Ancient Courtyard color palette (#F7ECE4, #97DEFF, #5CA9F7, #13908E, #222B4F)
• Cypress Hollow color palette (#FAF3F6, #D9DEEF, #819BBF, #2A7C80, #48526C)
• Petrol Pier color palette (#F1D5E4, #B86536, #006EB4, #763200, #002B4A)
• Navy Drift color palette (#F3E8EB, #5A85AB, #1F3186, #002127, #0B0026)
• Soft Navy Corridor color palette (#D7EDD5, #935E00, #00697F, #00499D, #2E1A00)

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