Hushed Petrol Bloom color palette — #F1F6FB · #DBD9E1 · #C4BBCC · #5776A1 · #43484F

Slate and Stone set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F1F6FB): bright and airy, almost weightless.
• Silver (#DBD9E1): bright and airy, almost weightless.
• Stone (#C4BBCC): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#5776A1): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#43484F): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Hushed 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 Ridge color palette (#F4F4FD, #E6D4E3, #C7B3D6, #81549C, #3F3E4C)
• Tempered Cerulean Delta color palette (#EEF8F5, #E3D4CD, #A5A292, #6E93B8, #3E4B47)
• Muted Garden color palette (#E3ECFF, #AFB2DB, #9E7693, #51685A, #2F5157)
• Aged Indigo color palette (#DFE4F4, #6B64B6, #302F49, #1A1E2D, #0D0C13)
• Patina Hollow color palette (#EBF9F0, #ABB58A, #5A7F4B, #435D72, #2C4940)
• Garnet Grove color palette (#EFECF3, #C1B4C4, #9F849B, #6F2253, #231C2A)
• Softworn Navy Grove color palette (#D9DEE8, #A4A9B9, #7C7C9B, #15238F, #0D1420)
• Misty Market color palette (#E8FBEB, #7696D9, #78579F, #6A4500, #333C55)

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