Petrol Meadow color palette — #D8F1E5 · #006E91 · #351A2E · #001109 · #010301

A conversation between Peacock and Onyx, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#D8F1E5): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#006E91): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#351A2E): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#001109): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#010301): quiet, heavy and certain.

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

• Eclipse Petrol Courtyard color palette (#C8E8DA, #006C93, #002E25, #021810, #000605)
• Washed Cobalt color palette (#FBE9FD, #0077CE, #442634, #1A131B, #030804)
• Cerulean Garden color palette (#D2E3EF, #008CB9, #30405A, #112430, #021014)
• Muted Villa color palette (#F3E3F3, #4E92E9, #8F7B00, #245593, #221C00)
• Cornflower Hollow color palette (#D9E1F0, #3E76E1, #787100, #3B6327, #1E0C1D)
• Taupe Courtyard color palette (#F9F1E3, #92AB65, #377253, #2E4E3D, #201D05)
• Shadow Lapis Terrace color palette (#F1D8E8, #4E3CED, #371B21, #160611, #000302)
• Aged Corridor color palette (#FAEFEB, #85D7DD, #2886AC, #175E35, #0B203E)

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