Gentle Petrol color palette — #C5E8F7 · #0072A7 · #1C3A6F · #320C39 · #250107

Slate takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#C5E8F7): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#0072A7): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#1C3A6F): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#320C39): A deep, shadowed, balanced pink — the color of peonies in June.
• Ink (#250107): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged vintage, retro, muted, cool.

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 (#DEE7FF, #6766A6, #483263, #301934, #300203)
• Muted Petrol Meadow color palette (#C5F4F0, #007985, #003E51, #1A203D, #18071E)
• Obsidian Onyx color palette (#DBEEF0, #296681, #263157, #340003, #0B0300)
• Hushed Cerulean color palette (#CCE4E7, #3483A3, #435277, #4F1917, #1C0900)
• Softworn Navy color palette (#E0F0F0, #3E85C3, #003A79, #00202F, #00022C)
• Inked Chapel color palette (#CCE5FE, #005589, #004C1D, #00223B, #000901)
• Hushed Iris color palette (#CFE9FF, #7290CA, #575D8E, #4D3E5C, #442434)
• Wandering Petrol color palette (#E7F0E2, #469386, #376BA5, #4B4400, #141100)

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