Petrol Boulevard color palette — #F4F6F0 · #C6E5D6 · #5392B8 · #006E81 · #275146
Teal takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F4F6F0): a clean, paper-quiet neutral.
- Celadon Mist (#C6E5D6): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#5392B8): A luminous, balanced blue — the color of open sky before noon.
- Teal (#006E81): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#275146): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: 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
- Cerulean Lagoon color palette (#F4F6EC, #AEDAC3, #008BBA, #006571, #004468)
- Softworn Petrol color palette (#F4F6EE, #C6E4DB, #638DC0, #006B92, #583D56)
- Moss Orchard color palette (#E7FBF1, #62AAC9, #6E9944, #007091, #324B18)
- Cypress Delta color palette (#E4FCF1, #3F93BB, #846CB1, #007C5B, #1A4033)
- Linen Petrol Balcony color palette (#CDF6DA, #62B1CB, #007FA4, #006387, #1C4967)
- Dusty Station color palette (#EBF9F7, #D3DCF3, #8FC5E8, #5DA4B6, #324A61)
- Cerulean Courtyard color palette (#EFF0E6, #4B8B98, #004454, #002223, #000B12)
- Aqua Dune color palette (#F6F6E9, #69CAC5, #007D82, #005749, #003A41)
Browse the whole catalog at Explore, or see today's palette.