Petrol Loft color palette — #D8F6E6 · #006A84 · #060B37 · #020D09 · #000201
Peacock and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#D8F6E6): A whisper-light, dusty teal — the color of sea glass.
- Peacock (#006A84): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#060B37): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#020D09): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Black (#000201): quiet, heavy and certain.
Feels like: Trust, Stability, Creativity, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Petrol Loft 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
- Midnight Garden color palette (#E4EDDF, #00705D, #2D363B, #00151D, #000201)
- Deep Field color palette (#D1EAE2, #005184, #051113, #07001B, #000103)
- Wandering Cerulean color palette (#D3ECFC, #0086AB, #164470, #002031, #000203)
- Muted Cerulean Grove color palette (#FFF2EE, #92DBDD, #0086AD, #005526, #000C23)
- Ultramarine Ridge color palette (#FDE4F7, #3C4EC8, #210129, #060D10, #00000B)
- Aged Atelier color palette (#FCF1FA, #98ADE1, #644D53, #342532, #09110E)
- Worn Grove color palette (#FFF3E4, #A2A771, #007429, #00444C, #070800)
- Nightshade Pier color palette (#D1E3E4, #009DCB, #0064C7, #3200A1, #120027)
Browse the whole catalog at Explore, or see today's palette.