Powdered Petrol color palette — #BDE9DB · #55C386 · #009E88 · #0F68B1 · #002C1D

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

The five colors

• Mint (#BDE9DB): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#55C386): A luminous, balanced teal — the color of sea glass.
• Fern (#009E88): A luminous, balanced teal — the color of sea glass.
• Cobalt (#0F68B1): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#002C1D): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

One click turns Powdered Petrol 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

• Antique Thicket color palette (#B3ECE0, #00C4B6, #009AA9, #585BAC, #002B2A)
• Linen Loft color palette (#E7F0DF, #00B194, #00878A, #364DA2, #001B18)
• Misty Lime Bloom color palette (#BDEAD4, #99BA2C, #529C54, #007287, #182A00)
• Muted Villa color palette (#C9E6E8, #00A47B, #235F55, #0A3739, #000606)
• Feathered Mulberry color palette (#FBD0E7, #6EA44C, #007977, #781E55, #002D17)
• Gentle Boulevard color palette (#E1F2DF, #009CA1, #00738E, #511EA3, #000E11)
• Hushed Emerald Market color palette (#CEECE4, #9EC795, #53A568, #697C55, #00312C)
• Patina Turquoise color palette (#CDE5E0, #7FC3C4, #50A1B4, #6E75A2, #36395B)

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