Petrol Meadow color palette — #DFECEB · #8EBAD3 · #00759B · #004A52 · #001827

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

The five colors

• Frost (#DFECEB): bright and airy, almost weightless.
• Ash (#8EBAD3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#00759B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004A52): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#001827): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Cerulean Pier color palette (#E9F5F4, #AFCCE0, #4183AE, #00596B, #00223F)
• Aged Denim color palette (#DBEEED, #7BA1BE, #085A9A, #003749, #000921)
• Washed Petrol Chapel color palette (#F6ECE7, #96BBA7, #1B6EA3, #005049, #172B59)
• Weathered Forest color palette (#C7F3F9, #80DEDB, #5BACB6, #006F4F, #00211D)
• Muted Abyss color palette (#D7EDE9, #56969C, #005360, #002C2A, #000508)
• Soft Sapphire color palette (#CBEBF0, #009480, #4F5CCC, #005347, #0A0043)
• Denim Balcony color palette (#DDF2EB, #007D66, #006595, #524F00, #000E0A)
• Hushed Study color palette (#D7F2D5, #019B4B, #006F45, #003E29, #001810)

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