Patina Petrol color palette — #E4F3EC · #007597 · #00335F · #101F22 · #000A05
A conversation between Teal and Navy, giving this palette its sense of trust and stability.
The five colors
- Cream (#E4F3EC): a clean, paper-quiet neutral.
- Teal (#007597): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#00335F): A deep, shadowed, balanced blue — the color of open sky before noon.
- Onyx (#101F22): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000A05): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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
- Dusty Quarry color palette (#DFE9D9, #007C6A, #003A3E, #0D1B19, #020A00)
- Dusty Azure Market color palette (#DCF3EA, #009CDE, #365795, #0F3950, #010A04)
- Onyx Lagoon color palette (#D8E7DF, #005C73, #08074F, #051819, #000305)
- Ultramarine Study color palette (#F1E2F0, #0053C1, #1F154F, #060E12, #050005)
- Dusty Cerulean color palette (#F0EAE0, #57C3C5, #0093A8, #006F58, #001720)
- Tempered Iris color palette (#F9E5F4, #7C9AFF, #6C5A9B, #55354F, #071512)
- Softworn Harbor color palette (#E5F6F1, #85BCF1, #8A7484, #485954, #1E2320)
- Indigo Workshop color palette (#F3E5EE, #7B75FF, #5F4679, #402537, #070307)
Browse the whole catalog at Explore, or see today's palette.