Soft Petrol color palette — #FDF4E6 · #70C5E0 · #0077A7 · #005556 · #003460

Cerulean and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FDF4E6): A whisper-light, dusty gold — the color of honey in a jar.
• Sky (#70C5E0): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#0077A7): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005556): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#003460): A deep, shadowed, balanced blue — the color of open sky before noon.

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

• Muted Petrol Veranda color palette (#F5EDE1, #98BC9F, #00748D, #005146, #003249)
• Washed Lantern color palette (#FFEEE4, #4CCDF1, #0075C4, #005342, #120C4A)
• Patina Cerulean color palette (#FCF4E8, #89E0DE, #008FA0, #006950, #00475B)
• Misty Courtyard color palette (#E3F6FF, #ADD3FF, #998CFF, #006A77, #053960)
• Weathered Villa color palette (#FCF4E7, #7DBDFC, #225CF1, #005269, #29266E)
• Chalky Archive color palette (#DBEEED, #00A6B1, #006C84, #004860, #222756)
• Tempered Sky Market color palette (#E4FBF8, #9CE6FF, #00BAF3, #0095A4, #003752)
• Dusty Summit color palette (#FFF0F9, #66DCFF, #0090F0, #00755E, #292C5E)

Browse the whole catalog at Explore, or see today's palette.