Petrol Meadow color palette — #EFF7F9 · #D6DBE5 · #BBC0D7 · #1C838A · #3F4A4E

A conversation between Teal and Ash, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EFF7F9): bright and airy, almost weightless.
• Silver (#D6DBE5): a clean, paper-quiet neutral.
• Ash (#BBC0D7): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#1C838A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#3F4A4E): quiet, heavy and certain.

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

• Cerulean Pier color palette (#F0F6FB, #D9DAE3, #B7A9AD, #6187A3, #4D5358)
• Petrol Thicket color palette (#F0F6FC, #DBD7E5, #B3B9E1, #3B6AAC, #38414C)
• Cerulean Basin color palette (#D7E3E9, #9DACB7, #6582A3, #003F4A, #001721)
• Washed Dune color palette (#EBF9F3, #9EB98D, #498259, #2E626C, #2C4943)
• Antique Harbor color palette (#EBEFF5, #C8CCD7, #9D9EB6, #384F97, #272E3A)
• Wandering Grape Corridor color palette (#EAF8FF, #0099B3, #744E9A, #733120, #0A4236)
• Chalky Delta color palette (#EBF7FF, #75EFE4, #07C8F2, #628ADF, #2D4456)
• Timeworn Petrol color palette (#E7FBEB, #00ABBE, #296DAA, #77373A, #254151)

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