Petrol Bloom color palette — #DBEBCA · #8ECEC3 · #4D9FA6 · #5167A7 · #49466E

A conversation between Slate and Storm Blue, giving this palette its sense of trust and stability.

The five colors

• Celadon Mist (#DBEBCA): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#8ECEC3): A luminous, dusty teal — the color of glacier melt.
• Storm Blue (#4D9FA6): A luminous, balanced blue — the color of open sky before noon.
• Slate (#5167A7): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal Brown (#49466E): A full-bodied, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged vintage, retro, muted, cool.

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

• Hazy Lagoon color palette (#E6E7BB, #96C8A4, #5DA68C, #327799, #18487C)
• Ancient Summit color palette (#DAEFD4, #8CAE8E, #4991A6, #4F4E94, #44335B)
• Pale Violet color palette (#C3F7FF, #84C7E4, #6595BF, #825AA4, #613A60)
• Washed Driftwood Alley color palette (#E1FCE2, #ABCCB5, #7CA795, #966E80, #654851)
• Wandering Garden color palette (#D3F2F5, #639FB2, #3C7595, #54387A, #381542)
• Washed Alley color palette (#EEE5A2, #9EE2A5, #6CBDC1, #8B7D9D, #623552)
• Wandering Boulevard color palette (#CEE0F6, #657AAB, #4F4680, #5D0D3C, #260008)
• Azure Courtyard color palette (#F4F7E9, #AAE5FD, #1FA8E1, #008091, #004469)

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