Petrol Meadow color palette — #F3EDE3 · #7EC4CD · #00738D · #003F37 · #000306

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

The five colors

• Cream (#F3EDE3): a clean, paper-quiet neutral.
• Ash (#7EC4CD): A luminous, dusty blue — the color of deep harbor water.
• Teal (#00738D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#003F37): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000306): quiet, heavy and certain.

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

• Washed Ultramarine Summit color palette (#F7EDDD, #8CBCE9, #2F5FC6, #003B4C, #020013)
• Worn Cobalt color palette (#FAF4EC, #97D7EE, #0083BD, #005153, #000C20)
• Cerulean Field color palette (#EEDDEB, #3799A5, #005071, #002E1A, #00011B)
• Jade Chapel color palette (#A8F6D3, #00B584, #005A3E, #00190F, #000201)
• Tempered Cerulean Coast color palette (#FBF4E9, #B5F3F6, #19A2BE, #006C5A, #002231)
• Soft Garden color palette (#ECDFD9, #66C0CA, #008EC2, #007143, #000E3C)
• Airy Fern color palette (#EFF9D5, #99DDD1, #07B3C7, #2A5D00, #000604)
• Moss Station color palette (#E1E5D3, #699500, #0B5F0F, #002610, #000704)

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