Petrol Meadow color palette — #D6E7ED · #007598 · #00435E · #00273E · #001327

Built around Teal, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Frost (#D6E7ED): bright and airy, almost weightless.
• Teal (#007598): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#00435E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#00273E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001327): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

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

• Cobalt Station color palette (#DEEAF9, #1372C6, #003363, #00102A, #00030A)
• Cypress Pier color palette (#D5EFE6, #007564, #004640, #002323, #000C15)
• Forest Dune color palette (#E3F2FF, #006695, #165C02, #00304A, #021500)
• Weathered Onyx Workshop color palette (#D7F6F7, #00899B, #005C7B, #002F65, #090448)
• Feathered Aubergine color palette (#D4E1EA, #005377, #570093, #003A2C, #000911)
• Frosted Indigo color palette (#DBEAFC, #8DA4D9, #746CD4, #004365, #021648)
• Azure Quarry color palette (#CFEEFF, #0097D8, #006AA6, #00437E, #321869)
• Nightshade Thicket color palette (#DAEAFD, #1F5FC3, #0711C8, #120066, #1B002A)

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