Petrol Loft color palette — #E7F7EA · #6ECCD5 · #007F98 · #005346 · #001D2B
A conversation between Cerulean and Aqua, giving this palette its sense of trust and stability.
The five colors
- Cream (#E7F7EA): A whisper-light, dusty teal — the color of glacier melt.
- Aqua (#6ECCD5): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#007F98): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005346): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#001D2B): 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
- Antique Cobalt Delta color palette (#E7F7EA, #73C6F5, #0074C8, #00505B, #03104C)
- Antique Cabin color palette (#FFF2ED, #46CDD8, #0078A1, #005931, #103065)
- Patina Periwinkle Loft color palette (#DBF8FF, #A5DBFF, #84A2FF, #006A66, #002530)
- Turquoise Market color palette (#E6EFE8, #49ACBB, #00627B, #003A34, #000C17)
- Pale Lantern color palette (#FDF4E5, #2DE4F2, #009CBA, #007463, #00384F)
- Abyss Boulevard color palette (#D9E8DC, #3C829C, #004061, #001F21, #000105)
- Pale Scarlet Delta color palette (#CBE5E9, #0098A7, #D31300, #005760, #310100)
- Plum Lagoon color palette (#DCF5FB, #007F94, #A90098, #625000, #001116)
Browse the whole catalog at Explore, or see today's palette.