Petrol Villa color palette — #EEDBD2 · #61C4C2 · #008299 · #005D37 · #002235
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Bone (#EEDBD2): A whisper-light, dusty orange — the color of toasted spice.
- Aqua (#61C4C2): A luminous, balanced teal — the color of glacier melt.
- Cerulean (#008299): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005D37): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#002235): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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
- Airy Drift color palette (#F1E1D6, #58C0E5, #0979C3, #005A55, #0F1A48)
- Timeworn Cerulean Balcony color palette (#ECF9EF, #91DBD9, #008A9A, #00533F, #000F16)
- Antique Spruce Coast color palette (#F6EAE6, #89A887, #006178, #00420E, #00203E)
- Timeworn Pine Lantern color palette (#F4EDF5, #86CFCE, #00A1C9, #008430, #001F40)
- Cornflower Loft color palette (#FFF2EA, #79D9FF, #0091EE, #00736E, #1E2C68)
- Worn Corridor color palette (#FCF3EF, #C9F0D0, #59B1D3, #4C8872, #295047)
- Airy Cabin color palette (#EFE3D5, #5598D4, #3248BB, #003A43, #0C0026)
- Frosted Harbor color palette (#FCE4FF, #CA37E0, #007266, #2F6600, #1F0423)
Browse the whole catalog at Explore, or see today's palette.