Petrol Meadow color palette — #DDEAEF · #9C9FB4 · #8D82A1 · #00707D · #000B11

Built around Teal, softened by Slate Blue — the whole palette hums with trust and stability.

The five colors

• Frost (#DDEAEF): bright and airy, almost weightless.
• Blue Fog (#9C9FB4): A luminous, dusty violet — the color of a velvet chair.
• Slate Blue (#8D82A1): A luminous, dusty violet — the color of wild irises.
• Teal (#00707D): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#000B11): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Weathered Abyss color palette (#E1E9E4, #92ABA2, #6E88AC, #004E5D, #010C05)
• Ultramarine Villa color palette (#DBE2EB, #A79CB1, #AC7D88, #0960C0, #010918)
• Spruce Parlor color palette (#E2EBE5, #7E938C, #7A6374, #003038, #000201)
• Dusty Petrol Bloom color palette (#E2F3E8, #4E8E97, #5E5DA7, #265619, #021800)
• Cobalt Parlor color palette (#DBE0E7, #C5BCCF, #B59EB3, #3181DA, #17202B)
• Ultramarine Summit color palette (#DEEBDD, #008B8E, #3C44C6, #513300, #000407)
• Timeworn Moss color palette (#DAF4E4, #67984B, #007358, #004F6B, #000806)
• Wandering Byzantium Archive color palette (#D6E4EE, #02C182, #0096E3, #A71CCB, #00020C)

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