Petrol Meadow color palette — #F1F3EA · #BFE7D4 · #6194B4 · #006A7C · #0C2F49
A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Cream (#F1F3EA): a clean, paper-quiet neutral.
- Celadon Mist (#BFE7D4): A whisper-light, dusty teal — the color of glacier melt.
- Slate Blue (#6194B4): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006A7C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#0C2F49): 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
- Teal Station color palette (#EBEBDF, #5AACAD, #00646D, #003A34, #000D11)
- Antique Denim Boulevard color palette (#EEF2E5, #5591B9, #004C80, #002A37, #000411)
- Muted Cerulean color palette (#FAF3F6, #C8E0F0, #5D8EC0, #00716E, #3B456B)
- Weathered Cobalt Market color palette (#F0F4E8, #A3D3C5, #4F7EB7, #005676, #2F152E)
- Wandering Lagoon Cabin color palette (#E7F8E3, #B9E7DC, #A3CDB3, #518B7B, #233223)
- Hushed Aqua Canyon color palette (#F3F3E6, #69CFC9, #008286, #005345, #001F23)
- Ancient Powder color palette (#FDF3EC, #C1E6F7, #91C0EE, #43918D, #51344B)
- Lagoon Villa color palette (#BFECC6, #6CBD8C, #008B66, #00614C, #003930)
Browse the whole catalog at Explore, or see today's palette.