Worn Petrol Bloom color palette — #FBF4EA · #B0DAFF · #7696CD · #157791 · #4B3044

Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF4EA): a clean, paper-quiet neutral.
• Powder Blue (#B0DAFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#7696CD): A luminous, balanced violet — the color of a velvet chair.
• Teal (#157791): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#4B3044): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Worn 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

• Worn Azure color palette (#FBF4E9, #95E2F5, #3DA2CB, #007C77, #1A4339)
• Hushed Petrol color palette (#EBF8F8, #DBDDE8, #7FA9DD, #0079A3, #182D55)
• Mallow Ridge color palette (#FFF0FE, #D7DDFF, #D6B6EB, #5D8BA7, #523A4E)
• Gentle Azure color palette (#FCF4E7, #82D7FF, #0093E6, #00717A, #103065)
• Muted Cobalt Corridor color palette (#FAF4ED, #A9CEC3, #5E76B3, #005E6A, #502E41)
• Aged Alley color palette (#D3E7EE, #00B4EB, #0090D8, #2F63A0, #26365F)
• Timeworn Harbor color palette (#E6DED1, #4FB0CB, #006F9A, #004A49, #00152A)
• Washed Powder color palette (#F9F4ED, #C8EBEE, #93B4E0, #699179, #5F4C5A)

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