Petrol Meadow color palette — #F4F7EB · #6EC4E7 · #0077A6 · #005461 · #003657
Cerulean takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F4F7EB): a clean, paper-quiet neutral.
- Sky (#6EC4E7): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0077A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005461): A full-bodied, dusty blue — the color of deep harbor water.
- Navy (#003657): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Powdered Ridge color palette (#FFEEE3, #39CDFD, #0076C0, #00524E, #080E4D)
- Worn Cerulean color palette (#F6F6E9, #85E0E3, #00909E, #00675F, #004855)
- Patina Denim color palette (#E0E4D4, #67A8C9, #005D8B, #003C49, #00203D)
- Cornflower Alley color palette (#FFF0F8, #7ED9FB, #0092EA, #00736D, #1F2E62)
- Worn Ash Terrace color palette (#F4F6F0, #C4E8EA, #749EC2, #3D778C, #5C4C5D)
- Lagoon Workshop color palette (#EDEDDD, #24A3A1, #005459, #00312A, #00181C)
- Periwinkle Grove color palette (#FFF2EA, #A2E5FF, #66AEFF, #009A82, #2B276A)
- Antique Navy color palette (#ECF1E4, #6184A7, #00397D, #002030, #00022B)
Browse the whole catalog at Explore, or see today's palette.