Petrol Meadow color palette — #F9ECE1 · #92BCAB · #3A69A6 · #004F51 · #24275A

Slate takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F9ECE1): A whisper-light, dusty gold — the color of old brass.
• Sage (#92BCAB): A luminous, dusty teal — the color of sea glass.
• Slate (#3A69A6): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004F51): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Navy (#24275A): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Tempered Station color palette (#FBEBE2, #7DBFBC, #007588, #00532E, #00324A)
• Washed Cobalt Alley color palette (#FCF4EB, #9ED2C2, #5C76B3, #005E69, #39355B)
• Muted Loft color palette (#E0ECEB, #97B8D0, #0E71AA, #00495A, #00162E)
• Weathered Onyx Cabin color palette (#F9E4D9, #4D9BB1, #004F76, #00302A, #000D3D)
• Periwinkle Terrace color palette (#F5EBEF, #A1DCFD, #5FA6FF, #009093, #262A4D)
• Teal Atelier color palette (#ACF9F6, #00A9A9, #005D58, #003030, #001C1B)
• Timeworn Coast color palette (#D4E4CE, #009384, #A73B7A, #00554C, #471031)
• Misty Emerald color palette (#E1ECD8, #039C59, #007358, #004340, #07283A)

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