Patina Petrol color palette — #F0F6FC · #9EC6E4 · #9D6A8E · #3C7398 · #302B3A
A conversation between Slate and Mocha, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F0F6FC): bright and airy, almost weightless.
- Sky (#9EC6E4): A luminous, dusty blue — the color of a favorite pair of jeans.
- Mocha (#9D6A8E): A full-bodied, balanced pink — the color of peonies in June.
- Slate (#3C7398): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#302B3A): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, 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
- Driftwood Workshop color palette (#EDF7FA, #81D1CD, #8371AE, #1C7C7A, #2B2D3A)
- Tempered Boulevard color palette (#F6F0F5, #AEC4EB, #8579B0, #466FBC, #201018)
- Aged Bloom color palette (#E1FCF6, #8AA9D7, #896996, #3E643F, #414758)
- Softworn Chapel color palette (#F1F5FC, #BED2F2, #AA8CCB, #6889D8, #2C2C3A)
- Softworn Mulberry Thicket color palette (#EDF6FF, #AFBCEF, #8A78AD, #7A4874, #6A2C41)
- Aged Powder color palette (#F2F5FF, #D7D9ED, #C4BDFF, #BD7A96, #42415A)
- Wandering Driftwood Basin color palette (#F1F5FC, #DCD8DF, #B8A7A4, #7182A2, #4D535C)
- Grape Summit color palette (#F4F4FD, #C09DE0, #976031, #754799, #311D26)
Browse the whole catalog at Explore, or see today's palette.