Petrol Meadow color palette — #F1E5EC · #68C2D8 · #0070B0 · #004D39 · #0C1038
A conversation between Slate and Cyan, giving this palette its sense of trust and stability.
The five colors
- Blush (#F1E5EC): bright and airy, almost weightless.
- Cyan (#68C2D8): A luminous, balanced blue — the color of deep harbor water.
- Slate (#0070B0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004D39): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#0C1038): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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
- Aged Quarry color palette (#FAEEF4, #92D2EF, #567DB3, #005C51, #1E1B3D)
- Tempered Petrol Alley color palette (#E2F3F0, #83BBCC, #007393, #004F55, #003249)
- Tempered Drift color palette (#FCEBF1, #5BA5D5, #39529F, #003938, #0F0225)
- Lapis Parlor color palette (#C7ECD8, #8D8100, #5D54D4, #4F4800, #0F033C)
- Ancient Ash Orchard color palette (#F7EFF4, #D6D1E7, #7E9FC5, #3F7769, #2E354A)
- Lagoon Corridor color palette (#F1E6F0, #209CA2, #00516B, #002E13, #000411)
- Weathered Navy color palette (#F9EAF0, #1A82B0, #093386, #001F1D, #020009)
- Patina Teal Cabin color palette (#D1FDE0, #B8D89F, #00B6B9, #834B26, #00221B)
Browse the whole catalog at Explore, or see today's palette.