Petrol Meadow color palette — #F3EEE6 · #7ABDCF · #00719A · #00504E · #033051
A conversation between Peacock and Navy, giving this palette its sense of trust and stability.
The five colors
- Cream (#F3EEE6): a clean, paper-quiet neutral.
- Cyan (#7ABDCF): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#00719A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Navy (#033051): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Timeworn Petrol Loft color palette (#F3E6DF, #79C0D2, #1F70AA, #004D3A, #0C0F39)
- Hazy Veranda color palette (#F3EEE6, #90B6D7, #1B60D0, #004D5F, #232955)
- Weathered Cobalt color palette (#F9F4EE, #A2D1BB, #197FBE, #005F65, #243B5C)
- Muted Iris Alley color palette (#D7F4E5, #A9CAF3, #8F91E0, #00717A, #183B54)
- Timeworn Turquoise Drift color palette (#DFF4F1, #A4DEEE, #2FB4DF, #008F99, #003248)
- Worn Harbor color palette (#C7EBE7, #009FA4, #006E7E, #004960, #1E2A4E)
- Worn Azure Canyon color palette (#D3EEFF, #0BA1E3, #005C7D, #002F44, #001824)
- Mulberry Boulevard color palette (#CEE8DB, #00769A, #A60871, #525000, #002331)
Browse the whole catalog at Explore, or see today's palette.