Patina Petrol color palette — #EFF7F6 · #D5DCEC · #6FA1BC · #2F7A88 · #3F5568
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF7F6): a clean, paper-quiet neutral.
- Silver (#D5DCEC): A whisper-light, dusty violet — the color of a velvet chair.
- Blue Fog (#6FA1BC): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#2F7A88): A full-bodied, dusty blue — the color of deep harbor water.
- Peacock (#3F5568): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, 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
- Muted Petrol Delta color palette (#E4F7FF, #80C0D2, #3796B7, #006A90, #33526A)
- Ancient Boulevard color palette (#F6F0F3, #D6D1E7, #70A1CE, #247A74, #2D3647)
- Ancient Delta color palette (#D4E5E3, #6EA8BB, #00607F, #003D44, #002235)
- Petrol Coast color palette (#EBF7FF, #7FB9D1, #89A26E, #007EA1, #23584D)
- Navy Thicket color palette (#D9E9E8, #6085A0, #004066, #00212B, #00091A)
- Feathered Cobalt Thicket color palette (#ECF8F8, #AED3F6, #3D80D4, #006186, #223C76)
- Softworn Chestnut color palette (#EBF9EF, #A7BFB0, #678A70, #715933, #364E42)
- Wandering Petrol Pier color palette (#EFF7F7, #D7DBEC, #749EC3, #347890, #40546C)
Browse the whole catalog at Explore, or see today's palette.