Petrol Bloom color palette — #D0E3F1 · #0072A8 · #884800 · #5B2E00 · #000C17

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

The five colors

• Frost (#D0E3F1): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#0072A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#884800): A full-bodied, balanced gold — the color of honey in a jar.
• Cocoa (#5B2E00): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#000C17): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

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

• Ancient Boulevard color palette (#C7F3E7, #0069AA, #644500, #322D00, #000A01)
• Sunlit Coast color palette (#DBF8E3, #007989, #AC002E, #74001C, #000D11)
• Weathered Lapis color palette (#E3E9F8, #3A48FF, #6E5900, #483A00, #040624)
• Soft Delta color palette (#F9D3ED, #594CFF, #733B00, #2F2E00, #00120E)
• Brick Courtyard color palette (#CEE9FF, #2BA2E4, #BF1113, #705300, #002236)
• Frosted Quarry color palette (#FFDFEE, #7C58D5, #626C00, #414902, #1D0713)
• Azure Pier color palette (#E5F6F1, #4F9BDA, #9E7D44, #725A32, #152722)
• Powdered Parlor color palette (#D6E6FF, #2047FF, #A5150F, #760402, #0D1B45)

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