Petrol Boulevard color palette — #FBEAE1 · #77C6C7 · #00738A · #004027 · #000307

Teal takes the lead with Mint Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FBEAE1): A whisper-light, dusty orange — the color of toasted spice.
• Mint Leaf (#77C6C7): A luminous, dusty teal — the color of glacier melt.
• Teal (#00738A): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004027): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000307): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Ultramarine Lantern color palette (#F6ECE4, #89BEE0, #2F65B7, #003D41, #020013)
• Muted Cobalt color palette (#FCF3EE, #B2D6BD, #0084B6, #005345, #000C23)
• Softworn Orchard color palette (#DDF1ED, #5EC2C3, #0094A0, #006E62, #00181C)
• Lagoon Station color palette (#F0F1DE, #159D9D, #00545A, #002C26, #000507)
• Worn Turquoise color palette (#F6FACC, #97D7C5, #36AED2, #5A5300, #000B04)
• Jade Pier color palette (#B1F1C8, #0DB268, #006234, #001707, #000200)
• Moss Workshop color palette (#ECE5CE, #8F8F00, #3B5A00, #003512, #000804)
• Weathered Station color palette (#FFF2EC, #C7F9FF, #00A9D9, #00755A, #002646)

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