Soft Petrol color palette — #F4F7E9 · #80C1E1 · #0076AB · #005364 · #00355B
A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F4F7E9): bright and airy, almost weightless.
- Sky (#80C1E1): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0076AB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005364): A full-bodied, dusty blue — the color of deep harbor water.
- Navy (#00355B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
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
- Cobalt Lagoon color palette (#FDEFE5, #82C5E6, #0072CE, #005151, #0F0057)
- Wandering Meadow color palette (#EEF6FF, #B6CFFF, #8D93FF, #00668D, #0C3569)
- Tempered Canyon color palette (#F5F7E8, #8EDEE4, #008FA2, #006762, #004858)
- Weathered Denim color palette (#E3E9D7, #77A5C2, #005C92, #003C4C, #001F41)
- Worn Archive color palette (#E8F9F8, #ACE2FF, #3BB5FD, #0093B0, #00355C)
- Cornflower Chapel color palette (#FFF0F8, #9DD4EE, #0F8EF7, #007271, #212771)
- Timeworn Byzantium color palette (#D3E6F7, #0076BD, #9105C7, #006054, #002642)
- Ancient Boulevard color palette (#F3F6EE, #BFE6DB, #688CBD, #29698A, #573E54)
Browse the whole catalog at Explore, or see today's palette.