Weathered Petrol color palette — #BDF0F0 · #7EB9A8 · #2A76A0 · #504700 · #001B0E

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

The five colors

• Honeydew (#BDF0F0): A whisper-light, dusty teal — the color of sea glass.
• Mint Leaf (#7EB9A8): A luminous, dusty teal — the color of glacier melt.
• Slate (#2A76A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#504700): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#001B0E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged vintage, retro, muted, cool.

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

• Abyss Study color palette (#BAEFD7, #73B2C4, #726FA5, #144F1E, #001E0B)
• Dusty Delta color palette (#DFE0CE, #7EB3A9, #2A8790, #602C00, #1F1E00)
• Hushed Teal Ridge color palette (#D1F6F7, #52A4A5, #42668F, #2E3200, #000D0A)
• Weathered Canyon color palette (#FBF2F9, #9BD8E2, #0083BC, #005437, #010039)
• Timeworn Balcony color palette (#D2E3E2, #418BBE, #6F4F79, #3A3630, #242302)
• Chestnut Orchard color palette (#EBF7FF, #9BC9E8, #5197C0, #725F00, #00391F)
• Muted Forest color palette (#E7FBEC, #97AB74, #007247, #004353, #050900)
• Iris Balcony color palette (#D1EAF2, #89A6CC, #887CC8, #8C533C, #3F2900)

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