Petrol Villa color palette — #FFEEE2 · #EB9C6D · #67A564 · #0079AA · #441443
A conversation between Cerulean and Apricot, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFEEE2): A whisper-light, dusty gold — the color of honey in a jar.
- Apricot (#EB9C6D): A luminous, balanced gold — the color of old brass.
- Moss (#67A564): A luminous, balanced green — the color of a quiet forest floor.
- Cerulean (#0079AA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Royal Purple (#441443): A deep, shadowed, balanced pink — the color of peonies in June.
Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged warm.
Use it as a design system
One click turns Petrol Villa 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 Orchard color palette (#FEF3E7, #EAB268, #69B28D, #4B81B4, #4E2946)
- Frosted Blush Delta color palette (#FFEEE8, #FF898D, #949A41, #007F8B, #331E4F)
- Dusty Boulevard color palette (#F4E7CB, #C6A600, #009E9A, #6645D5, #4B0008)
- Basalt Workshop color palette (#FFDDC4, #DAC4A3, #ADA788, #709285, #563A50)
- Hazy Amber color palette (#F2DBC5, #CF7700, #008942, #005682, #230022)
- Muted Clover color palette (#E2E4C9, #60BB44, #0091BB, #833E9C, #381100)
- Taupe Pier color palette (#FDF4E5, #CDCE99, #93A974, #A87374, #37352F)
- Powdered Aubergine color palette (#FFEDEE, #BE7AB3, #4F8138, #5B3C87, #3D1A48)
Browse the whole catalog at Explore, or see today's palette.