Petrol Bloom color palette — #E8F7E8 · #75AB86 · #217496 · #603F00 · #00282E

Slate takes the lead with Bronze close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#E8F7E8): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#75AB86): A luminous, dusty teal — the color of sea glass.
• Slate (#217496): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#603F00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Midnight (#00282E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged retro, 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

• Garnet Drift color palette (#FDECF9, #83A96F, #007989, #7E1F18, #00292A)
• Fern Bloom color palette (#E3F7EE, #74BAB3, #6278A3, #585500, #17303B)
• Petrol Archive color palette (#E6FCEA, #11ABB5, #0070AA, #7C323E, #29414C)
• Washed Ultramarine color palette (#F1E9D4, #009386, #0049B0, #3E2F00, #00151A)
• Weathered Lapis color palette (#D0FDF4, #00A4B0, #5251B8, #1E4A00, #001F2E)
• Aged Pine Field color palette (#ECF5EB, #99BDAD, #548256, #1B5F67, #122D23)
• Cobalt Atelier color palette (#FFF3E9, #62C7AA, #408BCE, #8E5226, #2F4332)
• Hushed Driftwood color palette (#CFF0E9, #93B6C0, #788DAC, #426858, #234237)

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