Petrol Villa color palette — #FFEEE6 · #77CBD5 · #007DA2 · #00543F · #001B34
A conversation between Cerulean and Aqua, giving this palette its sense of trust and stability.
The five colors
- Cream (#FFEEE6): A whisper-light, dusty orange — the color of autumn markets.
- Aqua (#77CBD5): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#007DA2): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00543F): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#001B34): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Petrol Terrace color palette (#F5F7E4, #6BC8D3, #007B8F, #005654, #003948)
- Sunlit Sapphire color palette (#FCEFE6, #76C6F1, #006FD9, #005153, #120A4C)
- Patina Denim color palette (#FBE9E1, #62A9B6, #006084, #003A2F, #000A1E)
- Tempered Cerulean color palette (#FFF0FB, #8BDAE4, #009AC7, #00755A, #00345E)
- Dusty Courtyard color palette (#F9F0EA, #C1E6D2, #6193BC, #006D66, #3C2138)
- Chalky Blush color palette (#EAEFFF, #DEB7FF, #FD7CBD, #006994, #210F49)
- Wandering Parlor color palette (#FDEBDE, #42819C, #003D6C, #001F1E, #00000C)
- Muted Amethyst color palette (#E1E3FD, #664AF7, #7F5F00, #575500, #0D0134)
Browse the whole catalog at Explore, or see today's palette.