Petrol Meadow color palette — #D2E9E0 · #006C9D · #321B34 · #00100B · #000301

Peacock and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D2E9E0): A whisper-light, dusty teal — the color of shallow lagoons.
• Peacock (#006C9D): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#321B34): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#00100B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000301): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Ultramarine Boulevard color palette (#F4E4F5, #0061C5, #331B2F, #130813, #000302)
• Inked Petrol Studio color palette (#D5F3E2, #007089, #002D20, #001107, #000301)
• Cobalt Balcony color palette (#D6EBE2, #008BC1, #513647, #0A281E, #071007)
• Eclipse Navy Orchard color palette (#C9E2FB, #004579, #25232A, #020B29, #000201)
• Gentle Indigo color palette (#F6E7EF, #7360EE, #AC407B, #00667B, #200B19)
• Weathered Violet color palette (#F9E8F0, #886ED3, #4A343C, #251B20, #100B0E)
• Timeworn Balcony color palette (#F9E1F4, #6486FF, #009175, #364DA0, #00231A)
• Dusty Station color palette (#CBE2FC, #4C9AFF, #3767CC, #273573, #16183B)

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