Petrol Bloom color palette — #F2E6E1 · #7DC0CB · #00759D · #004D3D · #001631

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

The five colors

• Parchment (#F2E6E1): bright and airy, almost weightless.
• Ash (#7DC0CB): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#00759D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004D3D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#001631): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Hushed Hollow color palette (#EEF0E2, #7CBDC9, #00748C, #004F51, #003344)
• Muted Cobalt Terrace color palette (#FBEFE9, #A8D3BB, #1C83C3, #005C54, #2E162C)
• Wandering Dune color palette (#EADFD6, #63A6C7, #0058A4, #003939, #05012F)
• Tempered Cerulean Canyon color palette (#E9F9F7, #B0F2FF, #00A2C3, #00696B, #00222F)
• Navy Corridor color palette (#ECDED5, #3B829D, #003E69, #001F1E, #00000C)
• Softworn Jade color palette (#CFE6DB, #00AE86, #00684C, #002D1F, #000805)
• Muted Byzantium color palette (#E7EEDD, #26A770, #9200A6, #005535, #210127)
• Linen Azure Archive color palette (#EFF5DB, #7ED9D0, #00AADF, #596800, #0E2104)

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