Petrol Loft color palette — #FFF2EB · #57C8E6 · #0075AD · #00574D · #173160
Cerulean and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FFF2EB): bright and airy, almost weightless.
- Cyan (#57C8E6): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0075AD): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00574D): A full-bodied, dusty teal — the color of sea glass.
- Navy (#173160): A deep, shadowed, balanced 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
- Aqua Quarry color palette (#DDF9F5, #35CFF3, #007DA1, #005157, #001D2C)
- Cobalt Studio color palette (#FDF3EE, #AECEB9, #2181AF, #006152, #4A2F4B)
- Worn Cerulean Basin color palette (#F4F8DF, #5EDDFE, #009AC5, #00717A, #003850)
- Patina Cabin color palette (#FEF3E7, #75BFFB, #2E57F7, #00545E, #32285F)
- Muted Denim Veranda color palette (#F7E8DE, #5AABC7, #005B92, #003E3A, #0B1A4A)
- Sky Terrace color palette (#E9FAEC, #9EE6FC, #16B9F8, #009895, #00355C)
- Sunlit Study color palette (#FFF0F9, #E3B6FB, #FE5C8E, #0065A7, #372A54)
- Tempered Periwinkle Veranda color palette (#FAF4EF, #CAE7E7, #6F9DCD, #357C79, #604B5B)
Browse the whole catalog at Explore, or see today's palette.