Weathered Petrol Bloom color palette — #F0E8DB · #69C1DF · #0073A6 · #004B4D · #001631

Built around Slate, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Parchment (#F0E8DB): bright and airy, almost weightless.
• Cyan (#69C1DF): A luminous, balanced blue — the color of deep harbor water.
• Slate (#0073A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004B4D): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#001631): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Hushed Petrol color palette (#F9EAF2, #86BACE, #106DA8, #00504A, #1A2B56)
• Cobalt Orchard color palette (#F7F1E8, #98D0F0, #3E80BD, #005A65, #2E172C)
• Tempered Ultramarine Veranda color palette (#E8E0D3, #72A2CA, #1952AF, #003745, #05032A)
• Washed Cerulean Alley color palette (#F8F1E5, #75E5E0, #0094A1, #006549, #002A35)
• Weathered Cerulean color palette (#F4EBDC, #009CAB, #005266, #002C27, #00050B)
• Muted Azure Grove color palette (#DDF2D1, #75D5D4, #3BA6D5, #236532, #081E07)
• Pewter Orchard color palette (#F6F1EA, #C5E5E5, #77A89A, #53755A, #40303F)
• Feathered Emerald color palette (#DBEDCF, #009841, #006F46, #003C2E, #001D19)

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