Petrol Bloom color palette — #F3DFF5 · #0066B4 · #306400 · #004130 · #000816

Cobalt and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F3DFF5): A whisper-light, dusty pink — the color of peonies in June.
• Cobalt (#0066B4): A full-bodied, balanced blue — the color of deep harbor water.
• Olive (#306400): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004130): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000816): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

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

• Ultramarine Canyon color palette (#F3E1ED, #4C56BF, #006542, #003F3F, #14000F)
• Denim Study color palette (#ECD8EA, #264EA7, #145200, #002D27, #000406)
• Aged Spruce color palette (#DBEFE4, #00708B, #595900, #154200, #00090F)
• Quiet Lapis color palette (#D5DEF2, #5151BD, #635200, #00413B, #111930)
• Worn Bronze Meadow color palette (#FFECD0, #896400, #006C4D, #004546, #110900)
• Antique Pine color palette (#FCEDF7, #7582BC, #278860, #005F5D, #281022)
• Hushed Orchid Field color palette (#FFECEF, #A957AA, #00788A, #004E78, #220723)
• Peony Boulevard color palette (#FFF1F0, #C76393, #A26800, #005D36, #160009)

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