Petrol Boulevard color palette — #F7ECE6 · #9ABB9F · #007391 · #00523B · #003052

Teal and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F7ECE6): a clean, paper-quiet neutral.
• Sage (#9ABB9F): A luminous, dusty green — the color of new leaves after rain.
• Teal (#007391): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00523B): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Navy (#003052): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Petrol Bloom color palette (#F6ECE6, #8AB9D2, #3369A9, #004F50, #232857)
• Aged Cobalt Basin color palette (#FCF3EE, #AECEB9, #1F81B1, #006152, #223B5E)
• Dusty Petrol Atelier color palette (#E1ECEA, #80C0C6, #007989, #004B48, #001921)
• Chalky Turquoise Station color palette (#F9E9F5, #8CE4EC, #00B5E4, #00956F, #08304F)
• Ancient Jade color palette (#B5F8D6, #4BA671, #006544, #00321F, #001D12)
• Turquoise Terrace color palette (#EEF4D9, #9ED9CD, #30B3DE, #666400, #00402E)
• Wandering Onyx Station color palette (#F5E6DD, #4E8A9D, #004065, #00231F, #00022C)
• Misty Pier color palette (#FAEDE0, #6C94B8, #283D9E, #002F36, #17003F)

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