Petrol Loft color palette — #D7E5EE · #007599 · #1D3059 · #1A1A22 · #00090F
Built around Teal, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Frost (#D7E5EE): bright and airy, almost weightless.
- Teal (#007599): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#1D3059): A deep, shadowed, dusty violet — the color of wild irises.
- Ink (#1A1A22): a grounded near-black with real depth.
- Ink (#00090F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Creativity, 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 Denim color palette (#CFEEE0, #005A7A, #2F2F39, #001A2E, #000305)
- Wandering Lilac Dune color palette (#E5E9FB, #9F89E6, #655B7B, #363B52, #070D18)
- Sapphire Thicket color palette (#DFEAF9, #0662DB, #37245E, #211920, #00061B)
- Powdered Azure Meadow color palette (#D7EDFF, #009CE1, #49538F, #003956, #00090F)
- Muted Alley color palette (#E5DBE2, #79BDC2, #0091B4, #00704F, #001527)
- Powder Drift color palette (#EAF3FD, #90BBE8, #757B8E, #4A5662, #1B2328)
- Pine Loft color palette (#DDEEE3, #89A35A, #008740, #006265, #0B1200)
- Chestnut Lantern color palette (#CCF9F4, #559BB8, #6E76A8, #664F00, #1B1A00)
Browse the whole catalog at Explore, or see today's palette.