Petrol Loft color palette — #DBE3DC · #6DC1C5 · #008398 · #005B4A · #002331
A conversation between Cerulean and Mint Leaf, giving this palette its sense of trust and stability.
The five colors
- Bone (#DBE3DC): bright and airy, almost weightless.
- Mint Leaf (#6DC1C5): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#008398): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005B4A): A full-bodied, dusty teal — the color of shallow lagoons.
- Midnight (#002331): 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
- Hushed Canyon color palette (#E4ECE6, #87B9D3, #0079C3, #005860, #071D44)
- Cerulean Lantern color palette (#F6F7E6, #8FDBDE, #008A98, #00524B, #000F14)
- Worn Harbor color palette (#EAE1E9, #55AFB1, #00607C, #004119, #001F43)
- Cerulean Harbor color palette (#EEE0DA, #8DCDCF, #00A2C5, #008158, #002238)
- Dusty Terrace color palette (#EAFAED, #88D6FE, #0091EC, #00717C, #163062)
- Softworn Lagoon color palette (#F1F7F2, #CCE0FB, #58B2D3, #008D82, #334A5E)
- Pale Studio color palette (#C8E9E6, #57D3B8, #00BBC7, #567500, #002829)
- Hazy Coast color palette (#DEF4E7, #00B270, #00753D, #003F21, #001105)
Browse the whole catalog at Explore, or see today's palette.