Petrol Bloom color palette — #DBEACB · #67A48B · #197E97 · #6D3635 · #431718

Cerulean and Cocoa set the tone — five colors that lean into trust and stability.

The five colors

• Celadon Mist (#DBEACB): A whisper-light, dusty green — the color of new leaves after rain.
• Eucalyptus (#67A48B): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#197E97): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#6D3635): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#431718): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Balance. Tagged vintage, retro, 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

• Washed Bloom color palette (#FFE6ED, #6FA08E, #2A7E64, #69325C, #4C1A15)
• Weathered Lagoon color palette (#D1EACD, #1F988A, #31657F, #642407, #2A1800)
• Washed Cocoa Basin color palette (#CEE9DC, #6D9AAF, #5D7596, #6A3B05, #092F19)
• Pale Veranda color palette (#D8F4E1, #5FC2C2, #5891BF, #845832, #553200)
• Softworn Navy color palette (#D8EAD6, #4496A1, #265F74, #3A2E69, #341C45)
• Plum Studio color palette (#C5E7F2, #0099A0, #C43A59, #005F63, #390010)
• Powdered Cypress Summit color palette (#DEF2E8, #75A064, #00734F, #494800, #082100)
• Timeworn Canyon color palette (#DCF0E2, #00A57E, #006F6F, #004954, #001F2D)

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