Petrol Bloom color palette — #F5EDE2 · #80BEBD · #007683 · #00523D · #003343
Teal takes the lead with Forest close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F5EDE2): bright and airy, almost weightless.
- Mint Leaf (#80BEBD): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#007683): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00523D): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#003343): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Bloom 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 Terrace color palette (#F6EDDF, #8CB8D3, #366BA1, #004E59, #1D2C52)
- Timeworn Cerulean Market color palette (#F9F4ED, #AAD0B2, #0086A2, #006154, #113F57)
- Ancient Forest Atelier color palette (#F0E7E4, #9EBD9E, #007695, #004F1A, #001630)
- Ancient Periwinkle Balcony color palette (#DAF9DF, #A1D9F3, #7B9DD7, #007161, #1C402D)
- Timeworn Cypress color palette (#F9F4EE, #C9E7E0, #7EA48C, #467A6C, #315345)
- Muted Courtyard color palette (#E8F1EA, #98E3E1, #00B9CE, #009472, #003343)
- Weathered Villa color palette (#D5F2E3, #009E85, #006563, #004549, #10293F)
- Hushed Cerulean color palette (#EBE4D9, #2F8E9E, #004357, #00231F, #000A15)
Browse the whole catalog at Explore, or see today's palette.