Petrol Bloom color palette — #F8ECE6 · #95BC9F · #007297 · #005140 · #032E56

Teal and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F8ECE6): bright and airy, almost weightless.
• Sage (#95BC9F): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#007297): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005140): A deep, shadowed, dusty teal — the color of glacier melt.
• Navy (#032E56): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Nature, Growth, 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

• Muted Quarry color palette (#F6ECE4, #84B9D8, #3868AA, #004F52, #252756)
• Softworn Cobalt Loft color palette (#FCF3EE, #ABCFBA, #3D7FAB, #006157, #283A5C)
• Worn Petrol color palette (#DFECEA, #95BAC9, #00788D, #004B4A, #001922)
• Lagoon Orchard color palette (#F8E7DE, #539E9B, #005361, #00321A, #001624)
• Timeworn Sky Garden color palette (#F5EBF3, #94E2ED, #00B4EB, #009475, #092F53)
• Aged Hollow color palette (#ECF4CE, #7DD6C8, #4FB0DC, #555E19, #00382F)
• Wandering Jade color palette (#A4F4D8, #37AD82, #006341, #003125, #001E11)
• Wandering Cypress color palette (#FAF4EE, #C1E6D9, #708BB9, #1B6E75, #5D3B51)

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