Petrol Bloom color palette — #F9F4EF · #C9E7EA · #8599C2 · #207C86 · #644959

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F9F4EF): a clean, paper-quiet neutral.
• Frost (#C9E7EA): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#8599C2): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#207C86): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#644959): A full-bodied, dusty pink — the color of a candy shop window.

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

• Powder Atelier color palette (#F4F6F0, #C6E8EB, #89B5E6, #5A8EA7, #5E4B5D)
• Dusty Cypress color palette (#FAF4F0, #CCE7E0, #66A3B9, #327F61, #315249)
• Timeworn Olive color palette (#F8F6E6, #A8B786, #AE88BD, #677D00, #65414B)
• Aged Cobalt Market color palette (#FDF3ED, #A9CFBD, #4C7CAA, #00605D, #2D385E)
• Washed Archive color palette (#EDDED7, #549D9F, #005265, #00321F, #001626)
• Washed Pewter Veranda color palette (#F4F7E5, #7FA37D, #8881B9, #985F94, #42433C)
• Hushed Denim color palette (#EEE0D5, #73A5C6, #27549F, #003D41, #1B1549)
• Antique Bronze color palette (#FEF3EB, #C9B49A, #AA7242, #814D47, #5B4400)

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