Petrol Loft color palette — #F7E5DC · #5CC4D9 · #1372A7 · #004E36 · #0B1331
A conversation between Slate and Cyan, giving this palette its sense of trust and stability.
The five colors
- Rose Water (#F7E5DC): A whisper-light, dusty orange — the color of autumn markets.
- Cyan (#5CC4D9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#1372A7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004E36): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#0B1331): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, 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
- Patina Hollow color palette (#FAF0E9, #8CD3ED, #537FAE, #005D4D, #1B1C3E)
- Timeworn Petrol Harbor color palette (#EEF0E1, #7FBDC9, #00748D, #004F51, #003345)
- Gentle Lagoon color palette (#F1E6DD, #50A7D1, #1B52AE, #003A34, #0D002B)
- Azure Harbor color palette (#ECF9EF, #B2F2FF, #00A0CE, #006A64, #002136)
- Wandering Studio color palette (#DBECE0, #00928C, #006173, #00334C, #00122F)
- Ancient Boulevard color palette (#EFDED9, #279C9B, #005267, #002F0A, #00040E)
- Soft Bronze color palette (#D8EBDA, #009199, #A64E00, #005156, #220A00)
- Softworn Meadow color palette (#F8F0EB, #C5E8E5, #7EA0C1, #3F7766, #41303C)
Browse the whole catalog at Explore, or see today's palette.