Petrol Bloom color palette — #EDF3F7 · #D9D7E2 · #C4B9C7 · #3D7DA0 · #262D33

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

The five colors

• Ivory (#EDF3F7): bright and airy, almost weightless.
• Silver (#D9D7E2): bright and airy, almost weightless.
• Stone (#C4B9C7): A luminous, dusty pink — the color of neon signs at night.
• Slate (#3D7DA0): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#262D33): a grounded near-black with real depth.

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

• Muted Bloom color palette (#EFF6FC, #DAD9E4, #C2BCCE, #507999, #404951)
• Muted Pewter Meadow color palette (#F1F1F8, #DED2D9, #C6AFC2, #725787, #1F1F29)
• Antique Driftwood color palette (#D5F5FA, #9FB2C7, #9A7DA8, #346463, #1F3635)
• Antique Navy Courtyard color palette (#DAE5EF, #999FB1, #7D769B, #00395F, #00040D)
• Timeworn Ultramarine Parlor color palette (#EAF3FD, #CFD2E6, #B0A4C9, #0C57B1, #0C1B2C)
• Hushed Periwinkle Balcony color palette (#EFF7F4, #E0D4D1, #BEBDAF, #6CA4D0, #39413F)
• Softworn Olive Workshop color palette (#F9EEF4, #C7B081, #6E7D32, #515172, #1A2C1F)
• Wandering Indigo color palette (#E4ECFA, #4E6ECC, #302C4C, #0D1625, #02070C)

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