Petrol Loft color palette — #EEF0E0 · #75BED0 · #007390 · #004F53 · #003347
Teal and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#EEF0E0): A whisper-light, dusty green — the color of new leaves after rain.
- Cyan (#75BED0): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007390): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004F53): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#003347): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Softworn Dune color palette (#F4F7E9, #97CEE5, #3B81A4, #005E6B, #1A4338)
- Denim Terrace color palette (#EBF0DD, #57A8D9, #005B94, #003B4C, #031F40)
- Faded Powder color palette (#D9FFEE, #88C4FF, #7999DA, #00657B, #0D382E)
- Dusty Lagoon Study color palette (#E5E7D3, #1EA2A7, #00545D, #00302C, #00171D)
- Airy Grape Delta color palette (#D1F4E5, #0074A0, #7234BB, #005B43, #002333)
- Linen Periwinkle color palette (#F9EBE4, #B5DFC5, #4DACF4, #009471, #20285A)
- Faded Olive Lantern color palette (#CCE6D5, #008EA6, #647300, #005261, #262D00)
- Worn Hollow color palette (#F4F6EE, #C3E9E6, #78A591, #57785F, #405950)
Browse the whole catalog at Explore, or see today's palette.