Petrol Boulevard color palette — #F2E7DF · #83BCD8 · #306EAB · #004B4A · #0D1233
Slate takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#F2E7DF): a clean, paper-quiet neutral.
- Sky (#83BCD8): A luminous, dusty blue — the color of open sky before noon.
- Slate (#306EAB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004B4A): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#0D1233): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Ancient Petrol color palette (#F7EBF0, #8EB7D2, #3C68A8, #005147, #2C2556)
- Ancient Loft color palette (#F7F0EA, #9FCEF1, #5E7BB2, #005A61, #311627)
- Weathered Teal Study color palette (#FDECE2, #3FB0AC, #006373, #003C20, #000C16)
- Hushed Cerulean color palette (#FFEEE6, #6CE6E8, #0092AF, #006542, #00283F)
- Dusty Azure color palette (#EBF8F7, #CDDEFD, #399BD5, #00677B, #00203A)
- Lilac Balcony color palette (#C5F2DF, #B0C8FF, #BD8ED0, #0F7272, #260D26)
- Worn Veranda color palette (#D3E2DB, #008BB8, #9A5900, #004D68, #1E0D00)
- Azure Grove color palette (#D3E3F7, #1F99FA, #005E9F, #002B4C, #00050D)
Browse the whole catalog at Explore, or see today's palette.