Petrol Bloom color palette — #EEF7FC · #D6D9F0 · #ACBDD9 · #037597 · #31424D
Teal and Ash set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EEF7FC): a clean, paper-quiet neutral.
- Silver (#D6D9F0): A whisper-light, dusty violet — the color of a velvet chair.
- Ash (#ACBDD9): A luminous, dusty violet — the color of wild irises.
- Teal (#037597): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#31424D): 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
- Petrol Quarry color palette (#ECF3F8, #D4D5E2, #B6BFD4, #007795, #19272F)
- Softworn Cerulean color palette (#EDF9F2, #EEDBE1, #D6BEC0, #0094BA, #35443C)
- Worn Driftwood color palette (#F4F4FD, #DFD7DF, #B7A8A3, #7D7EA1, #51525A)
- Navy Quarry color palette (#E3E7F2, #A4A7C1, #807B95, #312D6B, #0F1320)
- Grape Balcony color palette (#F2F5FF, #D1D0E6, #ABA0C1, #6141AA, #2F3241)
- Tempered Periwinkle Parlor color palette (#CAE8FF, #8EA7EB, #836C9D, #6E4D5A, #524509)
- Weathered Boulevard color palette (#D9FEF8, #5BB988, #007B68, #0F5B65, #134343)
- Sapphire Harbor color palette (#E0EDFD, #0066C7, #242452, #0C1928, #05070F)
Browse the whole catalog at Explore, or see today's palette.