Petrol Meadow color palette — #E9F8FE · #FBE3B0 · #3C828B · #183E4B · #011219

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

The five colors

• Ivory (#E9F8FE): bright and airy, almost weightless.
• Peach Cream (#FBE3B0): A whisper-light, dusty gold — the color of old brass.
• Slate (#3C828B): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#183E4B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#011219): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, 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

• Dusty Studio color palette (#EDF7FF, #B6E4EE, #648BA7, #2F495E, #151C22)
• Washed Straw color palette (#EFF6FF, #FFD26F, #4269AE, #102B5D, #000719)
• Worn Turquoise color palette (#EEF7FC, #E8C9EC, #47A2BC, #206D82, #14242C)
• Dusty Denim color palette (#EAF5F0, #E19CB1, #005D7C, #003020, #040F0A)
• Dusty Honey Basin color palette (#EBF7FF, #F3B913, #00617F, #00222F, #000103)
• Hushed Lilac color palette (#EDF7FC, #C7E2FF, #A48FDD, #2898B5, #0E1023)
• Weathered Archive color palette (#E9F8FF, #3EC6DF, #CA889A, #91693C, #0D2833)
• Weathered Amber Orchard color palette (#DFEFF7, #B28600, #00313C, #080D11, #000102)

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