Patina Petrol color palette — #F7EBF0 · #82BAD7 · #376AA5 · #004F50 · #242954
Built around Slate, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Blush (#F7EBF0): a clean, paper-quiet neutral.
- Sky (#82BAD7): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#376AA5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004F50): A deep, shadowed, dusty teal — the color of glacier melt.
- Navy (#242954): A deep, shadowed, dusty violet — the color of a velvet chair.
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
- Washed Abyss Summit color palette (#F6EAF2, #83BEBB, #007587, #00532D, #003249)
- Tempered Cobalt Parlor color palette (#FCF2F5, #A6C9EA, #6077AB, #005E68, #38355B)
- Washed Petrol Hollow color palette (#E8EAE1, #96BDAD, #0072AB, #004959, #00172E)
- Softworn Villa color palette (#F6EDE5, #AEE0CB, #60A7FC, #009092, #252A4F)
- Tempered Summit color palette (#F2E2EC, #3E9DB4, #004F74, #003129, #001135)
- Antique Cypress Orchard color palette (#FBF2F6, #D9DEEF, #819AC3, #377A7F, #49526B)
- Dusty Delta color palette (#DEFAFF, #7CCDE1, #7DA5D5, #3B6E3F, #003A3D)
- Teal Harbor color palette (#9CF4EF, #00A9A6, #005F58, #003430, #001D1D)
Browse the whole catalog at Explore, or see today's palette.