Petrol Meadow color palette — #F4F6EF · #BADDD3 · #6898D1 · #04769E · #273A5C
A conversation between Slate and Cornflower, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F4F6EF): bright and airy, almost weightless.
- Silver (#BADDD3): A whisper-light, dusty teal — the color of shallow lagoons.
- Cornflower (#6898D1): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#04769E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#273A5C): A deep, shadowed, dusty violet — the color of a velvet chair.
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
- Ancient Turquoise color palette (#F5F6EE, #BEDEC3, #3CA5B7, #007C76, #004251)
- Antique Azure color palette (#F3F8E1, #7CD8FF, #0097D3, #007081, #003658)
- Ancient Lagoon color palette (#DEE1D0, #64AEC2, #007191, #00494F, #001623)
- Weathered Cobalt color palette (#FCF3EB, #A6CFC3, #5674C0, #005E69, #393559)
- Antique Periwinkle Courtyard color palette (#FBF2F5, #C5E5FF, #8CB0FF, #109DAC, #313957)
- Driftwood Boulevard color palette (#F4F6EF, #C9E4E7, #8FBCB0, #66917D, #604A60)
- Coral Loft color palette (#FFDCD1, #D5747D, #AE8022, #8C62AC, #432015)
- Washed Stone Summit color palette (#FFF2ED, #ECD7C2, #F2B286, #B26E77, #423A37)
Browse the whole catalog at Explore, or see today's palette.