Petrol Villa color palette — #D8F3E4 · #00828E · #00647F · #003F68 · #000103
Teal and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#D8F3E4): A whisper-light, dusty teal — the color of sea glass.
- Teal (#00828E): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#00647F): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#003F68): A deep, shadowed, balanced blue — the color of open sky before noon.
- Black (#000103): a grounded near-black with real depth.
Feels like: Trust, Stability, Calm, Sophistication. Tagged candy, vibrant, 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 Lagoon Boulevard color palette (#EAEBDC, #3B858A, #00444C, #001F1D, #000202)
- Hushed Pine Terrace color palette (#D9E9CE, #008B52, #00705A, #004244, #000201)
- Linen Denim color palette (#C8E9FB, #00ABBB, #0082A2, #00609A, #000306)
- Aged Aubergine color palette (#E0F3FF, #009171, #006A86, #371A86, #000610)
- Nightshade Harbor color palette (#DAF7EE, #0084A6, #0067A0, #1015B0, #000104)
- Navy Canyon color palette (#D9EDFF, #425A86, #292377, #2E0022, #0E0000)
- Nocturne Denim Studio color palette (#E1F1FE, #005194, #00235B, #000139, #00000B)
- Lapis Dune color palette (#EDD6E8, #0077CB, #382BFC, #450099, #01000A)
Browse the whole catalog at Explore, or see today's palette.