Petrol Bloom color palette — #E0EFEC · #57B2B7 · #007481 · #004B45 · #00171E
Teal and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E0EFEC): a clean, paper-quiet neutral.
- Cyan (#57B2B7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007481): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004B45): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#00171E): 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
- Antique Petrol Hollow color palette (#DBEEEB, #6DBFD4, #0081A3, #00585E, #002333)
- Tempered Aqua Alley color palette (#EEEFE3, #55CBD0, #007581, #003E39, #000305)
- Dusty Denim Field color palette (#D6E8E6, #679AB6, #005D8F, #003947, #000919)
- Olive Boulevard color palette (#C6E8E8, #00898B, #746700, #005051, #131000)
- Cerulean Quarry color palette (#DFFCF8, #87DAE9, #009CBC, #007274, #00394B)
- Lapis Garden color palette (#C7F3FC, #007384, #4833DA, #005B18, #00090C)
- Periwinkle Grove color palette (#EAF9F8, #BBE0FF, #659FE1, #007CA6, #263F6B)
- Bronze Atelier color palette (#FFE9F1, #A67122, #784400, #4D2300, #120900)
Browse the whole catalog at Explore, or see today's palette.