Gentle Petrol color palette — #FFF2EB · #7EC3D8 · #0075AF · #00574E · #132F68
Built around Cerulean, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Ivory (#FFF2EB): bright and airy, almost weightless.
- Sky (#7EC3D8): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#0075AF): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00574E): A full-bodied, dusty teal — the color of shallow lagoons.
- Navy (#132F68): 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 Gentle Petrol 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 Petrol color palette (#F8ECE6, #98BC9E, #007391, #00523A, #003051)
- Sapphire Basin color palette (#FFF3E6, #85BEEF, #3F62D7, #00545F, #351D72)
- Weathered Bloom color palette (#E1F7F4, #6FCAE4, #007DA1, #005058, #001D2C)
- Dusty Grove color palette (#F4F7E5, #86D9F1, #009AC6, #00717A, #003850)
- Patina Orchard color palette (#F1E5DD, #6CA8BF, #005B94, #003E3A, #0E1A48)
- Feathered Sky color palette (#FEF1F9, #97E8FF, #3DB5FD, #009989, #163062)
- Weathered Cypress Orchard color palette (#FAF4EE, #C0E7D7, #6A8CBC, #007074, #5D3B52)
- Faded Navy color palette (#F3E4D5, #4F87AD, #00318E, #002225, #090029)
Browse the whole catalog at Explore, or see today's palette.