Petrol Boulevard color palette — #F1F7F3 · #C5E1E0 · #9AC6B6 · #006B7E · #031008

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

The five colors

• Ivory (#F1F7F3): bright and airy, almost weightless.
• Silver (#C5E1E0): A whisper-light, dusty teal — the color of glacier melt.
• Stone (#9AC6B6): A luminous, dusty teal — the color of sea glass.
• Peacock (#006B7E): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#031008): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Weathered Denim Hollow color palette (#E8F0ED, #C1D5CF, #B69CB5, #005479, #000402)
• Abyss Lagoon color palette (#DCEBF1, #A8B5BE, #7A90A7, #004D58, #000D14)
• Worn Cerulean color palette (#E2EBE4, #A5C9CB, #C4B0C1, #00919F, #132417)
• Hushed Denim color palette (#FBF2FA, #E9D3D6, #D0B0C2, #365BAA, #140813)
• Dusty Forest Study color palette (#F5F7E3, #76B284, #00724A, #00473C, #060900)
• Lowlit Denim color palette (#D6E7E1, #006698, #2F2E36, #00122B, #000201)
• Cobalt Studio color palette (#EBF9F5, #EAD4D0, #BEAA96, #0082D7, #132A24)
• Patina Pewter Parlor color palette (#D6E7FF, #9AA8E5, #6F5EA0, #613045, #2E050B)

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