Petrol Loft color palette — #ECF7FC · #D6D8EB · #B6B6E2 · #006C79 · #000F16
Teal and Lavender set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#ECF7FC): a clean, paper-quiet neutral.
- Silver (#D6D8EB): A whisper-light, dusty violet — the color of wild irises.
- Lavender (#B6B6E2): A luminous, dusty violet — the color of wild irises.
- Teal (#006C79): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#000F16): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Tempered Denim color palette (#EFF6FF, #DFD5E9, #C0B4D6, #265DAE, #060D17)
- Denim Veranda color palette (#E7EFF5, #C6D0E3, #A2A2C4, #005574, #000307)
- Cerulean Chapel color palette (#D9E6DE, #A6C8CB, #C4AFC3, #2C8DA6, #13241A)
- Patina Abyss color palette (#E7EEE9, #ABBEB8, #A08498, #004D5B, #0E2518)
- Weathered Indigo Villa color palette (#F2F5FE, #E1D8E1, #D5B9C5, #7565C3, #1B1E29)
- Cypress Field color palette (#E5FCEE, #87AF77, #007058, #00425B, #020A00)
- Navy Coast color palette (#E7EDF6, #B7B9CD, #AD839E, #143285, #000106)
- Sunlit Meadow color palette (#C9F4ED, #7AACDD, #865DB2, #464511, #001E13)
Browse the whole catalog at Explore, or see today's palette.