Petrol Bloom color palette — #EEF8F4 · #E4D3D0 · #CEB7B9 · #517997 · #3D4B47

Slate and Stone set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EEF8F4): a clean, paper-quiet neutral.
• Bone (#E4D3D0): a clean, paper-quiet neutral.
• Stone (#CEB7B9): A luminous, dusty red — the color of late-summer berries.
• Slate (#517997): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#3D4B47): 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

• Dusty Pewter Chapel color palette (#F1F7F1, #CEE1DF, #ADC7C8, #627C61, #434A42)
• Hushed Indigo color palette (#FDF2F6, #E9D4D0, #D3B3B5, #7159A9, #4B3A42)
• Antique Driftwood color palette (#FAF2F8, #E3D7D7, #B0ADA2, #95778D, #575055)
• Chestnut Thicket color palette (#FFF0FE, #D8ACC5, #9D757F, #835918, #40540F)
• Tempered Navy Pier color palette (#E9E0EA, #B9A1B2, #937584, #00386A, #1B0E1D)
• Muted Olive Grove color palette (#FEF4E4, #B8B278, #6C7B42, #446152, #524000)
• Antique Denim Cabin color palette (#F9EAEF, #DFC4C8, #B99796, #63457F, #39282E)
• Patina Alley color palette (#FFF0FD, #BDE8FF, #8DBBFF, #A280C3, #50394B)

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