Petrol Loft color palette — #EBF7FF · #D4D9E9 · #AABFD3 · #007695 · #2D4350
A conversation between Teal and Ash, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EBF7FF): a clean, paper-quiet neutral.
- Silver (#D4D9E9): A whisper-light, dusty violet — the color of twilight just after sunset.
- Ash (#AABFD3): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007695): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#2D4350): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Antique Denim color palette (#E6F0F8, #C1CEDA, #94A2B3, #005C82, #21303B)
- Hushed Cerulean Cabin color palette (#EEF8F2, #CBDEE1, #D8BEC1, #0096B3, #33443A)
- Driftwood Study color palette (#F4F4FC, #DCD7DE, #B5AAA8, #887AA1, #51525B)
- Navy Studio color palette (#E9ECF4, #A3A8BC, #7A7C9A, #2F2B73, #0C1325)
- Hushed Periwinkle color palette (#D7E7FF, #9EA6E2, #757BA2, #814A5D, #67383B)
- Ancient Cypress Orchard color palette (#DBFDFA, #74B390, #007C5F, #005E57, #16452E)
- Wandering Grape Study color palette (#F2F5FF, #CFD1E5, #A4A2C4, #5E3FB1, #2C314A)
- Charred Archive color palette (#DFEFFF, #006BB8, #1A294B, #05192D, #040613)
Browse the whole catalog at Explore, or see today's palette.