Petrol Boulevard color palette — #F6E5DF · #9BBE9F · #00759B · #004F28 · #001337
Built around Teal, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Rose Water (#F6E5DF): A whisper-light, dusty orange — the color of toasted spice.
- Sage (#9BBE9F): A luminous, dusty green — the color of fresh herbs.
- Teal (#00759B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004F28): A deep, shadowed, balanced teal — the color of sea glass.
- Midnight (#001337): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Balance. 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 Meadow color palette (#F3E6DE, #83BCD7, #3F6BA9, #004C43, #150C38)
- Worn Cobalt color palette (#F9F0EB, #B2D0BB, #3783B2, #005E40, #111D44)
- Hushed Cypress Market color palette (#F9F0E9, #BEE7D7, #788DB8, #006D67, #3D2230)
- Worn Navy color palette (#F1E3DB, #418395, #003E69, #002017, #01000B)
- Patina Nightshade color palette (#FBECDC, #658FB0, #2D37A6, #002C2C, #070015)
- Byzantium Drift color palette (#FCE9EB, #A232A3, #007047, #005350, #180019)
- Aubergine Canyon color palette (#F4D7DF, #A25CC3, #007F51, #6A008D, #00170B)
- Ancient Denim color palette (#FFE8ED, #EAB6BE, #D19560, #4D4C8D, #320F13)
Browse the whole catalog at Explore, or see today's palette.