Petrol Bloom color palette — #ECF3F6 · #D3D5DF · #AAB8D1 · #007183 · #162228
Teal takes the lead with Ash close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#ECF3F6): bright and airy, almost weightless.
- Silver (#D3D5DF): a clean, paper-quiet neutral.
- Ash (#AAB8D1): A luminous, dusty violet — the color of wild irises.
- Teal (#007183): A full-bodied, balanced blue — the color of open sky before noon.
- Onyx (#162228): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Patina Petrol Harbor color palette (#EEF7FC, #D4D9E8, #A3B6C8, #326C80, #333C41)
- Dusty Ultramarine Atelier color palette (#EDF2F9, #CBD3EE, #BC9FC9, #0055B9, #101B27)
- Cerulean Villa color palette (#F0F7F3, #D1DEDF, #BFC4CF, #4C95AE, #27312C)
- Muted Pewter color palette (#D6F2FC, #8AA7C6, #7E659E, #2B5341, #113226)
- Hushed Cypress Chapel color palette (#E3F8EF, #88AB86, #04765B, #234C5E, #03211F)
- Patina Abyss color palette (#D9E0E3, #A6B5C6, #7F8CB1, #004B60, #010C14)
- Petrol Grove color palette (#D6E5F2, #006AA6, #1F1F48, #000D1D, #000305)
- Mulberry Grove color palette (#DCF2FA, #008C98, #901770, #353700, #151500)
Browse the whole catalog at Explore, or see today's palette.