Petrol Bloom color palette — #F0F6FC · #DAD7E4 · #B1B2C0 · #3E688B · #323C45

Built around Peacock, softened by Charcoal — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F6FC): bright and airy, almost weightless.
• Silver (#DAD7E4): bright and airy, almost weightless.
• Ash (#B1B2C0): a calm mid-gray that lets other colors speak.
• Peacock (#3E688B): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#323C45): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Aged Cobalt Boulevard color palette (#F1F6FB, #D9D8E5, #BFBBCE, #3E83CC, #323C47)
• Muted Petrol color palette (#F5F0F5, #E0D2D5, #C5B0BF, #2666A9, #251E25)
• Wandering Veranda color palette (#F5F3FF, #E6D4DF, #CAB4C9, #87538F, #403E4B)
• Hushed Grove color palette (#F4F4FC, #DFD8DE, #B4AAA5, #7B7FA1, #51525A)
• Navy Courtyard color palette (#D9DFED, #A6A7BC, #847997, #2C2C73, #0D1323)
• Mulberry Balcony color palette (#EFEDF5, #D2C8D6, #B098AA, #793970, #2F2B38)
• Washed Atelier color palette (#ECFAEB, #A39D6A, #546C35, #3C4A6B, #1A3E2D)
• Midnight Ultramarine Station color palette (#D9E1F2, #4D55B9, #24213E, #0B1325, #03040B)

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