Petrol Bloom color palette — #E8F3FF · #8EB7E3 · #71AC85 · #4775A5 · #003938
Slate takes the lead with Jade close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#E8F3FF): a clean, paper-quiet neutral.
- Sky (#8EB7E3): A luminous, dusty blue — the color of open sky before noon.
- Jade (#71AC85): A luminous, balanced teal — the color of shallow lagoons.
- Slate (#4775A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#003938): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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 Loft color palette (#E4F5FD, #75C0D2, #AE8CC4, #137F93, #2F2C4D)
- Petrol Lantern color palette (#ECF2FE, #A8AFE2, #C9888B, #666CA2, #3E283E)
- Wandering Cobalt color palette (#FDF1FC, #C5A3C3, #B6925F, #4271BD, #514C46)
- Softworn Stone color palette (#EBF2FF, #D9D4E1, #D7ADC4, #778DAC, #333847)
- Aged Mulberry color palette (#F1F0FF, #C08ECE, #3A9ABA, #834A92, #002C3A)
- Aged Denim Meadow color palette (#EBF2FF, #BBC7F2, #7682B4, #404978, #0D1B36)
- Worn Periwinkle Studio color palette (#EEF6FF, #D8D8F4, #E2C991, #759DCE, #324E39)
- Ultramarine Basin color palette (#ECF2FF, #7B8CFF, #009884, #4043C9, #002721)
Browse the whole catalog at Explore, or see today's palette.