Quiet Petrol color palette — #F7EAF1 · #7CBCD1 · #0E6BB3 · #005141 · #252853
Royal Blue takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.
The five colors
- Blush (#F7EAF1): a clean, paper-quiet neutral.
- Cyan (#7CBCD1): A luminous, dusty blue — the color of a favorite pair of jeans.
- Royal Blue (#0E6BB3): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005141): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#252853): A deep, shadowed, dusty 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 Cobalt color palette (#FDF2F6, #93CEEE, #4E77BF, #006058, #323856)
- Softworn Petrol Thicket color palette (#E8EBDD, #94BFA9, #18749B, #004A54, #001828)
- Powdered Lantern color palette (#FDE7EE, #63A6D8, #3848B6, #003E3E, #271043)
- Forest Loft color palette (#FEF0FF, #90DFDB, #008DAD, #1A6B24, #204263)
- Muted Coral color palette (#E3ECFF, #E4B9F3, #DF7679, #206786, #34324D)
- Washed Hollow color palette (#F0E0ED, #3A9FAC, #005072, #00321E, #020D3B)
- Weathered Ash Summit color palette (#FBF2F7, #D8DFF0, #829BBF, #437881, #4C5265)
- Periwinkle Bloom color palette (#F6ECE7, #B9DDCA, #50ABF6, #00928A, #19285F)
Browse the whole catalog at Explore, or see today's palette.