Petrol Bloom color palette — #E7F7EA · #78CAD6 · #007E9C · #005249 · #001D2D
Cerulean and Aqua set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E7F7EA): A whisper-light, dusty teal — the color of glacier melt.
- Aqua (#78CAD6): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#007E9C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005249): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#001D2D): 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
- Weathered Petrol color palette (#FFF2EC, #70C7D1, #0077A4, #005934, #122F67)
- Muted Cobalt color palette (#E8F6EB, #8CC3E5, #0074C8, #00505B, #02005D)
- Frosted Veranda color palette (#FFF4E2, #7ADCEA, #009BBF, #007467, #003752)
- Weathered Corridor color palette (#DFE7E0, #61A9B8, #00617F, #003A36, #000C18)
- Timeworn Navy Parlor color palette (#E4EEE6, #597D95, #003F65, #001F22, #000106)
- Azure Market color palette (#FFF0FC, #D1DAF4, #00A6E7, #00764C, #041B5F)
- Olive Summit color palette (#CEFCFB, #6FDFCE, #00B5CB, #407500, #002119)
- Worn Jade color palette (#95F6D3, #00B57F, #007456, #003422, #000804)
Browse the whole catalog at Explore, or see today's palette.