Petrol Meadow color palette — #E2F4F4 · #00798C · #004B63 · #002338 · #0C0727
Teal and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E2F4F4): bright and airy, almost weightless.
- Teal (#00798C): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004B63): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#002338): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#0C0727): A deep, shadowed, dusty violet — the color of twilight just after sunset.
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
- Eclipse Cypress Hollow color palette (#C8ECE2, #00666C, #004252, #001A3F, #020021)
- Muted Meadow color palette (#D4F2EB, #008B8D, #005A74, #00305C, #0F0040)
- Softworn Parlor color palette (#DCF7E3, #007C5D, #00463C, #002928, #01121D)
- Tempered Cobalt color palette (#DBE9F9, #0077C3, #003D69, #001223, #00030B)
- Dusty Cocoa color palette (#D4F9EA, #006790, #7A3400, #003147, #1F0800)
- Violet Station color palette (#D6EBFE, #84A8FB, #8E68C6, #004956, #001A38)
- Hushed Boulevard color palette (#D2E2EE, #00517D, #79003A, #2A3600, #000812)
- Washed Market color palette (#C6E4F7, #0070B3, #0031AA, #140064, #160040)
Browse the whole catalog at Explore, or see today's palette.