Petrol Villa color palette — #E1EBE2 · #6DAEAB · #008391 · #006047 · #000B11
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#E1EBE2): a clean, paper-quiet neutral.
- Turquoise (#6DAEAB): A luminous, dusty teal — the color of shallow lagoons.
- Cerulean (#008391): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006047): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#000B11): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Hushed Spruce color palette (#E7DBE8, #56A19E, #006279, #013F0A, #000A18)
- Muted Cobalt Grove color palette (#D6E5D9, #6FA8CA, #0076CC, #005B67, #00022C)
- Worn Garden color palette (#E8E2D9, #328785, #00444C, #002016, #000202)
- Ancient Olive color palette (#CBF0EC, #61BABE, #3A9DCF, #627A15, #000E05)
- Feathered Emerald Workshop color palette (#D6E6D9, #25A658, #007D46, #00461D, #000201)
- Azure Garden color palette (#E8F3EA, #92C7EA, #4295EB, #007A8C, #091751)
- Frosted Studio color palette (#E7F2E9, #9EDFF0, #34B2E5, #00918C, #023050)
- Byzantium Terrace color palette (#D6F5EF, #5CA737, #9A46B9, #204F00, #0D0014)
Browse the whole catalog at Explore, or see today's palette.