Petrol Boulevard color palette — #F0F7F4 · #92C9E6 · #876FAF · #0677A0 · #38292F

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

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Sky (#92C9E6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#876FAF): A full-bodied, balanced violet — the color of a velvet chair.
• Slate (#0677A0): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#38292F): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, muted.

Use it as a design system

One click turns Petrol Boulevard 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

• Driftwood Market color palette (#FAF2F7, #B7BCEC, #A96389, #6366A2, #392929)
• Dusty Boulevard color palette (#EDF4EE, #82D2DE, #A86B99, #297F8A, #1E1213)
• Washed Villa color palette (#F2F7F1, #80D2C6, #3C81C2, #007E73, #21322E)
• Lilac Ridge color palette (#EDF7FC, #95DFED, #B886C3, #449AA9, #2E2C38)
• Aged Indigo color palette (#FCF4E7, #8AA9DA, #8068AA, #705330, #52424D)
• Quiet Denim Studio color palette (#D8FFF4, #ABBEEC, #807CBE, #6C4E8D, #5C3A64)
• Cerulean Atelier color palette (#F8F3F9, #E2D7D9, #B4ADA2, #6584AA, #565056)
• Timeworn Brick color palette (#FDF1F6, #B79FEA, #B5424E, #694C9D, #2E201B)

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