Petrol Loft color palette — #EEF7FA · #D5DAED · #ACBDD9 · #007886 · #2E434C
Teal takes the lead with Ash close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EEF7FA): a clean, paper-quiet neutral.
- Silver (#D5DAED): A whisper-light, dusty violet — the color of a velvet chair.
- Ash (#ACBDD9): A luminous, dusty violet — the color of wild irises.
- Teal (#007886): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#2E434C): 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
- Wandering Denim Coast color palette (#E8F0F4, #C4CDD7, #99A0B1, #005E75, #223038)
- Antique Driftwood color palette (#F2F5FC, #DDD8DE, #B7A8A3, #7781A0, #4F525B)
- Dusty Chestnut Quarry color palette (#BBF9FA, #87BEE0, #847CA4, #66580F, #235347)
- Petrol Harbor color palette (#D9EAF8, #0070A5, #22274A, #021A2C, #020713)
- Worn Cypress color palette (#E6FBF1, #86B178, #197B5A, #005B68, #0A443D)
- Tempered Dune color palette (#E3E9F1, #A4A8BD, #807B96, #0E2C82, #081425)
- Ancient Turquoise Lantern color palette (#EFF8F1, #C7E2E4, #F0D0EA, #00B9CE, #354439)
- Frosted Courtyard color palette (#E5F9FF, #00908F, #7D3395, #553A00, #2B3500)
Browse the whole catalog at Explore, or see today's palette.