Petrol Bloom color palette — #F2F4E2 · #77CBD2 · #008091 · #00524E · #001E26
Teal takes the lead with Aqua close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F2F4E2): A whisper-light, dusty green — the color of fresh herbs.
- Aqua (#77CBD2): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#008091): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00524E): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#001E26): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Worn Petrol Studio color palette (#E7EBDF, #8FBFB1, #386DAA, #004762, #021238)
- Misty Aqua color palette (#FFF0FB, #4FCCD6, #00799A, #005840, #00355A)
- Dusty Glacier Atelier color palette (#E4FBF6, #59E1EC, #009EB2, #00736D, #003947)
- Softworn Thicket color palette (#F0F3EA, #ACDCCA, #0089D7, #005F76, #00254B)
- Washed Alley color palette (#E8EAE0, #3D829B, #00415B, #001E24, #000103)
- Muted Thicket color palette (#DEDFD4, #81A78B, #006376, #003939, #000D13)
- Emerald Veranda color palette (#DBEDDD, #20A046, #0076C0, #005D21, #00172C)
- Pine Bloom color palette (#CFEAD4, #00893D, #007185, #694D00, #001304)
Browse the whole catalog at Explore, or see today's palette.