Quiet Petrol color palette — #ECF9EE · #51C8ED · #0076A9 · #005557 · #003362

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

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Sky (#51C8ED): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#0076A9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005557): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#003362): 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 Quiet 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

• Washed Aqua Study color palette (#EEF8F0, #59CDC6, #007D87, #00583E, #003947)
• Soft Cobalt color palette (#FEECF6, #38CEF6, #0074C6, #005343, #130F45)
• Linen Hollow color palette (#F3F8E1, #A0E5FF, #0CB9F7, #0095A7, #003754)
• Softworn Denim Chapel color palette (#DAE8DD, #5BAACB, #005C8F, #003D42, #001C49)
• Hazy Cornflower Lagoon color palette (#FFF2EA, #67DCFF, #0090F1, #00755E, #282B63)
• Cobalt Harbor color palette (#F0F7F2, #BFE1FD, #568DCE, #006E80, #384864)
• Worn Harbor color palette (#DDECE0, #519E9A, #00545B, #003121, #00171E)
• Dusty Navy Grove color palette (#E1F0E4, #5885AA, #003683, #00212A, #04012B)

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