Weathered Petrol color palette — #F4E6DB · #8FC0AC · #346CB1 · #004B4C · #0F0E3A

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

The five colors

• Parchment (#F4E6DB): A whisper-light, dusty gold — the color of honey in a jar.
• Mint Leaf (#8FC0AC): A luminous, dusty teal — the color of sea glass.
• Slate (#346CB1): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004B4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#0F0E3A): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Weathered 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

• Petrol Quarry color palette (#F4E6DE, #9DBD9C, #00788C, #004E2C, #001827)
• Cobalt Bloom color palette (#F7F1EA, #ADD0C5, #5D79BB, #005A64, #1F1940)
• Weathered Petrol color palette (#EDF0E3, #88B9D5, #006EA9, #004D5F, #022F56)
• Weathered Denim color palette (#F7EAE3, #5AACAC, #006376, #003C24, #000C17)
• Cypress Canyon color palette (#F8F0EC, #C8E5CE, #5B96B1, #176E57, #39223D)
• Lagoon Boulevard color palette (#F5E2D7, #308884, #00434E, #00210E, #000103)
• Linen Emerald color palette (#DCEDCF, #029742, #00674E, #00423F, #00181D)
• Ancient Plum Alley color palette (#DCEDD4, #009480, #B0356E, #005347, #280013)

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