Petrol Bloom color palette — #F8EAF1 · #91B7D2 · #4266AB · #00504A · #2F2454

Slate takes the lead with Deep Indigo close behind in a set that reads as creativity and calm at first glance.

The five colors

• Blush (#F8EAF1): bright and airy, almost weightless.
• Ash (#91B7D2): A luminous, dusty blue — the color of open sky before noon.
• Slate (#4266AB): A full-bodied, balanced violet — the color of twilight just after sunset.
• Forest (#00504A): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#2F2454): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Worn Cabin color palette (#FBF2F5, #ADC9E1, #5B73BF, #00605E, #40305E)
• Cobalt Grove color palette (#EFE8DE, #83BCD9, #0070B4, #004A51, #041433)
• Washed Terrace color palette (#EFE6F0, #74A8B6, #00617A, #004212, #00203F)
• Tempered Forest Field color palette (#FBF2FA, #A3D8E9, #008CB5, #006B34, #1A3F70)
• Tempered Cypress Market color palette (#FAF3F6, #D9DEEF, #8399C8, #007F7A, #4B506F)
• Frosted Bronze Harbor color palette (#EDD7E0, #B26B2D, #00749D, #6F3900, #002D40)
• Airy Periwinkle Garden color palette (#FBEBE0, #9CDDFE, #78A5EC, #009284, #2C2652)
• Hushed Parlor color palette (#F2D9E3, #A15400, #0062A2, #3C3E82, #331700)

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