Petrol Meadow color palette — #F3E6DE · #80BDD7 · #226FAF · #004B49 · #0A1137
A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F3E6DE): bright and airy, almost weightless.
- Sky (#80BDD7): A luminous, dusty blue — the color of deep harbor water.
- Slate (#226FAF): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004B49): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#0A1137): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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
- Wandering Field color palette (#F3E6E0, #9FBD9E, #00788E, #004E2F, #001827)
- Worn Cobalt Alley color palette (#FAF0E7, #AED0C3, #547CB9, #005B5F, #1B1B3F)
- Softworn Alley color palette (#F2E8DD, #75A89B, #384EA9, #003841, #0E002A)
- Softworn Azure color palette (#E8F9F8, #CADFFE, #179DDA, #006778, #002038)
- Antique Pier color palette (#FFEAE1, #5196A2, #00506F, #002D23, #000410)
- Dusty Cerulean Field color palette (#F8F0EC, #CAE4CC, #439AB4, #336B52, #0E332A)
- Navy Veranda color palette (#EFE7DE, #527D9F, #143187, #001F23, #010009)
- Washed Atelier color palette (#FAE2CF, #A05400, #00678B, #38417E, #150600)
Browse the whole catalog at Explore, or see today's palette.