Petrol Bloom color palette — #F5E6DA · #81BCDE · #3F6CA9 · #004B4D · #101131

Slate takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Parchment (#F5E6DA): A whisper-light, dusty gold — the color of honey in a jar.
• Sky (#81BCDE): A luminous, dusty blue — the color of deep harbor water.
• Slate (#3F6CA9): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004B4D): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#101131): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, 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

• Tempered Hollow color palette (#FAE9F0, #8AB8D2, #3B66B1, #005049, #2E2454)
• Hushed Petrol Pier color palette (#F1E7E1, #6CC5C1, #00788B, #004E2B, #001826)
• Softworn Atelier color palette (#F8F0E9, #A0D4C5, #6179B6, #005A65, #331426)
• Cerulean Grove color palette (#FFEEE6, #7CE2EC, #0090B6, #00654A, #002744)
• Washed Azure Coast color palette (#E9F9F8, #D0DCFA, #3899E0, #006680, #001E40)
• Muted Wisteria color palette (#C5F1DE, #BDC8FF, #C08AC4, #006C72, #2B142B)
• Patina Cerulean Lantern color palette (#F5E2D8, #0099B8, #004E77, #002C27, #000219)
• Periwinkle Delta color palette (#CBE5FF, #5397FF, #0054A2, #00284A, #000612)

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