Petrol Bloom color palette — #ECF4EF · #36B1CB · #3064AA · #006071 · #0E020F
A conversation between Peacock and Cyan, giving this palette its sense of trust and stability.
The five colors
- Cream (#ECF4EF): bright and airy, almost weightless.
- Cyan (#36B1CB): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#3064AA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006071): A full-bodied, dusty blue — the color of open sky before noon.
- Ink (#0E020F): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Calm, Balance. Tagged duotone, 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
- Lapis Summit color palette (#E9F5F1, #75A5D3, #6053B3, #005795, #12000B)
- Petrol Loft color palette (#EDF4EB, #61B0A6, #006F8C, #00635A, #000904)
- Chalky Grape color palette (#EEF7FA, #42ACA8, #653DBC, #005C59, #141728)
- Cobalt Lantern color palette (#EEF7FB, #36C7E8, #2F81DC, #007F97, #0A192A)
- Denim Courtyard color palette (#FCE2DD, #508ECD, #4453A0, #611448, #031636)
- Hazy Lantern color palette (#D4E1EA, #649DD6, #3565B8, #1B1D9C, #130049)
- Softworn Petrol color palette (#ECF4F0, #CBD9DA, #BEB3C0, #006E91, #12251D)
- Nightshade Studio color palette (#D4E3DB, #0085A9, #0033A7, #003C4F, #000109)
Browse the whole catalog at Explore, or see today's palette.