Petrol Bloom color palette — #ECF3F8 · #D8D5E8 · #B9BDD8 · #29719F · #152735

Built around Slate, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#ECF3F8): bright and airy, almost weightless.
• Silver (#D8D5E8): A whisper-light, dusty violet — the color of twilight just after sunset.
• Ash (#B9BDD8): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#29719F): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#152735): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Indigo Villa color palette (#EEF1FC, #DCD2DE, #C6B8D4, #6B59B6, #202433)
• Cobalt Delta color palette (#EFF6FD, #D8D8E9, #B0BDD3, #086EB6, #35414E)
• Weathered Coast color palette (#E4EAF1, #C6CBD8, #A2A1B5, #295788, #0C1722)
• Wandering Boulevard color palette (#F1F1F8, #DCD4D9, #BAABA9, #827EA0, #36353D)
• Muted Azure Villa color palette (#ECF8F5, #E3D3D1, #C5C2B3, #3E97E4, #203B35)
• Softworn Driftwood color palette (#C3E9FF, #9EA2CC, #99648E, #41552E, #00372E)
• Aubergine Corridor color palette (#E0E2EF, #A19CB1, #83768C, #411976, #030212)
• Lapis Alley color palette (#E2EBFB, #4450EE, #322041, #050F25, #00040A)

Browse the whole catalog at Explore, or see today's palette.