Quiet Petrol color palette — #EAD9E2 · #61AEC8 · #0067B8 · #004B3E · #100045

Cobalt takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Silver (#EAD9E2): A whisper-light, dusty pink — the color of peonies in June.
• Cyan (#61AEC8): A luminous, balanced blue — the color of open sky before noon.
• Cobalt (#0067B8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004B3E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#100045): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Hushed Abyss color palette (#E6DCE7, #62B1B3, #007191, #004E21, #00132F)
• Quiet Indigo color palette (#EDDCE3, #96B5D1, #576CC7, #005959, #270F44)
• Softworn Balcony color palette (#FCEADF, #71C3E2, #0067BE, #003F34, #020012)
• Pale Cobalt Courtyard color palette (#D6E5D9, #67BDDC, #008CCB, #006C70, #00132E)
• Ancient Cerulean Balcony color palette (#F4EADB, #399CBD, #004F75, #002F31, #00132E)
• Weathered Villa color palette (#F6EBF2, #A8CADE, #4F8AC8, #006E5B, #272755)
• Lagoon Boulevard color palette (#D0E4DF, #00A298, #006358, #002F29, #000403)
• Iris Meadow color palette (#E2F3EA, #65C0CE, #628DF8, #556400, #00201D)

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