Petrol Villa color palette — #EDF1DC · #6BC5DC · #007290 · #003D41 · #000306

Teal and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EDF1DC): A whisper-light, dusty green — the color of new leaves after rain.
• Sky (#6BC5DC): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007290): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003D41): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000306): quiet, heavy and certain.

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

• Feathered Drift color palette (#EBF1DF, #74BEFB, #0067BE, #003A50, #00020F)
• Patina Cobalt color palette (#F3F7EA, #96D5F8, #0082C3, #004F60, #000D1E)
• Faded Periwinkle Meadow color palette (#CCF8E6, #9ED2FF, #6D99ED, #005B71, #00060F)
• Pale Byzantium Veranda color palette (#C3EAF7, #008CAA, #9727B5, #004353, #030004)
• Cerulean Summit color palette (#F6EDDE, #76BCCE, #008FBD, #006D69, #001527)
• Denim Lantern color palette (#E4F2E6, #5A94A2, #00516C, #002C2A, #00050C)
• Aged Terrace color palette (#E1EFF7, #007198, #6C1AC5, #005038, #000103)
• Antique Harbor color palette (#F4F7EA, #BBE3F1, #42B4E2, #007D8A, #0E362B)

Browse the whole catalog at Explore, or see today's palette.