Petrol Boulevard color palette — #F5ECE8 · #97BCA0 · #007296 · #00523F · #072F52
A conversation between Teal and Forest, giving this palette its sense of nature and growth.
The five colors
- Cream (#F5ECE8): a clean, paper-quiet neutral.
- Sage (#97BCA0): A luminous, dusty teal — the color of glacier melt.
- Teal (#007296): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00523F): A deep, shadowed, dusty teal — the color of glacier melt.
- Navy (#072F52): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Antique Delta color palette (#F3EDE7, #8CBDB0, #4F62AC, #004E5A, #302453)
- Aged Cobalt Atelier color palette (#FEF2EC, #AFCDBB, #3180AF, #006155, #223A63)
- Petrol Villa color palette (#E1ECEA, #71C2CD, #00788C, #004B4A, #001922)
- Misty Denim color palette (#F4EBE5, #6DA8C2, #00599C, #003E3D, #11164F)
- Abyss Villa color palette (#F5E6DE, #589D99, #005360, #003218, #001623)
- Turquoise Grove color palette (#F7EAF4, #95E2EC, #3BB3E0, #1C9374, #132F4B)
- Cypress Boulevard color palette (#FAF4EF, #C5E4D9, #6F8BBA, #007077, #5D3B51)
- Antique Plum color palette (#FFE4E5, #A6388D, #007237, #005C3F, #340F2B)
Browse the whole catalog at Explore, or see today's palette.