Petrol Loft color palette — #DCF1E1 · #006D7A · #2C343D · #04234B · #000D04
Teal takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.
The five colors
- Honeydew (#DCF1E1): A whisper-light, dusty teal — the color of shallow lagoons.
- Teal (#006D7A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#2C343D): quiet, heavy and certain.
- Midnight (#04234B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#000D04): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Sophistication. 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
- Eclipse Petrol Study color palette (#D7E8F0, #006C7A, #312B30, #001326, #000102)
- Softworn Forest Coast color palette (#E8F4D7, #00734C, #445055, #002A30, #060B00)
- Muted Thicket color palette (#C9E8D4, #00889D, #004960, #002229, #000300)
- Aged Cobalt Cabin color palette (#E0F1FF, #007FC0, #382A6B, #002119, #010A03)
- Cerulean Station color palette (#D3ECDD, #009FC2, #5A4556, #213229, #151A13)
- Twilit Ultramarine color palette (#F7E9F7, #005BC2, #2D1743, #130213, #000201)
- Soft Terrace color palette (#F9DFF1, #6872FF, #58375C, #321F2D, #071510)
- Gentle Fern color palette (#EBDDCE, #9D9638, #367123, #004F53, #1E1B00)
Browse the whole catalog at Explore, or see today's palette.