Patina Petrol Study color palette — #ECF1E4 · #8DB6DA · #336AA6 · #004C67 · #172D53

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

The five colors

• Cream (#ECF1E4): a clean, paper-quiet neutral.
• Sky (#8DB6DA): A luminous, dusty blue — the color of open sky before noon.
• Slate (#336AA6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#004C67): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Navy (#172D53): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Weathered Market color palette (#EFF0DF, #68C2C8, #007584, #00504B, #003440)
• Softworn Cobalt Harbor color palette (#E8F1E9, #9ECAEF, #5B86CA, #00697F, #21275C)
• Glacier Grove color palette (#F5F7E5, #6AE1F8, #008DAC, #006669, #07465D)
• Antique Cerulean Harbor color palette (#E5EAD8, #1F9CCA, #004F74, #002E38, #001528)
• Dusty Periwinkle Basin color palette (#F7ECE2, #B5DDD1, #889EF8, #009092, #352250)
• Ash Station color palette (#F6F6ED, #C5E9DD, #67A6A8, #637558, #3B5140)
• Frosted Basin color palette (#FFD2C8, #DE2A67, #435FCC, #890038, #192551)
• Terracotta Harbor color palette (#FFEAE2, #FFB6A3, #CC8C65, #90495A, #38312E)

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