Soft Petrol color palette — #FFF2EB · #6AC6DE · #0076AB · #00574C · #0F3067
A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF2EB): bright and airy, almost weightless.
- Sky (#6AC6DE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0076AB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00574C): A full-bodied, dusty teal — the color of sea glass.
- Navy (#0F3067): 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 Soft 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
- Aged Petrol color palette (#F7ECE7, #98BC9D, #007390, #005239, #02314F)
- Aqua Dune color palette (#DBF9F5, #0ED0F6, #007DA0, #005157, #001D2C)
- Wandering Cobalt color palette (#FDF3EE, #ACCFB7, #0082B3, #006151, #4A2F4B)
- Hazy Cerulean color palette (#F4F8E2, #70DBF9, #009AC6, #00717A, #003850)
- Chalky Sapphire Lantern color palette (#FFF3E6, #7CBDFC, #425BE4, #005460, #352661)
- Muted Denim color palette (#ECE3DC, #57ABC7, #005C91, #003E39, #0B1A49)
- Dusty Sky color palette (#ECF9EF, #9EE7FB, #10B9F7, #009894, #00355B)
- Ancient Azure Corridor color palette (#FAF4EF, #C8EAE9, #6D9ECD, #407A77, #604B5B)
Browse the whole catalog at Explore, or see today's palette.