Petrol Meadow color palette — #E3EDE5 · #68ADC5 · #006E9F · #004A4C · #00142D

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

The five colors

• Cream (#E3EDE5): bright and airy, almost weightless.
• Cyan (#68ADC5): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006E9F): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004A4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#00142D): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Cobalt Lantern color palette (#E4F2E7, #8AB7D8, #3875C0, #005766, #0D1454)
• Denim Pier color palette (#E2EFE4, #50A1A2, #006471, #003D2E, #000B11)
• Timeworn Petrol color palette (#F7EDDD, #5AC6EA, #006FA0, #003D3F, #000209)
• Gentle Thicket color palette (#CAE7FD, #8EB8F9, #8D7ED6, #006371, #001D36)
• Navy Drift color palette (#F8E6F1, #479BB8, #004A88, #003127, #100341)
• Ancient Cobalt color palette (#DDF0FF, #0293DD, #005C92, #002D45, #000408)
• Powdered Lantern color palette (#EDDDD3, #32C2E8, #0086E2, #006F59, #0E063E)
• Dusty Cerulean color palette (#E8F1E9, #A2CBE0, #3091BE, #006C6A, #003054)

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