Patina Petrol color palette — #FAF4EE · #C8E9EE · #8699C3 · #337A84 · #664859

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

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Frost (#C8E9EE): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#8699C3): A luminous, dusty violet — the color of a velvet chair.
• Teal (#337A84): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#664859): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, 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

• Hushed Coast color palette (#FBF3EF, #CCE6E3, #7AA493, #617654, #5E4B5F)
• Dusty Cerulean Quarry color palette (#F4F6F0, #CAE3E7, #90B4DF, #3991B8, #614A5F)
• Petrol Alley color palette (#EBF4F3, #D5D8E9, #809FC4, #337391, #26374E)
• Timeworn Coral Grove color palette (#FFF2EE, #CD7F81, #479995, #36799E, #513D36)
• Wandering Cobalt Veranda color palette (#FBF4EF, #A3D1BB, #4A7CAD, #00605D, #4D2F46)
• Timeworn Meadow color palette (#F5E6DF, #3F9FA7, #005268, #003122, #001528)
• Plum Pier color palette (#FFF2EF, #D59EAB, #5AA7AD, #A3576D, #37553D)
• Petrol Corridor color palette (#F8ECE5, #94BCA4, #006FA3, #005147, #152C55)

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