Petrol Bloom color palette — #F8E9F3 · #8CC0D3 · #1468B5 · #003F34 · #020013
A conversation between Royal Blue and Forest, giving this palette its sense of trust and stability.
The five colors
- Blush (#F8E9F3): A whisper-light, dusty pink — the color of neon signs at night.
- Sky (#8CC0D3): A luminous, dusty blue — the color of deep harbor water.
- Royal Blue (#1468B5): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#003F34): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#020013): A deep, shadowed, dusty violet — the color of a velvet chair.
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
- Ancient Cobalt color palette (#FFF1F7, #A4D2F4, #5B75C6, #005150, #12002B)
- Spruce Archive color palette (#E7DFE7, #73AFAC, #005E74, #002E06, #000104)
- Muted Cerulean color palette (#D3E7D7, #0099BB, #004F72, #002C2C, #00040E)
- Aged Canyon color palette (#E6DDCE, #58BFDF, #008DC6, #006D6E, #00142B)
- Washed Study color palette (#FCF2F7, #D7D4E0, #7CA8E5, #008171, #2B284F)
- Azure Loft color palette (#FDF1F9, #C6ECFF, #3599DF, #006D51, #10154D)
- Brick Workshop color palette (#F5DDF4, #C00039, #096B15, #005120, #040000)
- Weathered Mulberry color palette (#E8E9F8, #A051C9, #900074, #450020, #070000)
Browse the whole catalog at Explore, or see today's palette.