Petrol Meadow color palette — #F7ECE5 · #6ABEDF · #196CAC · #00504C · #212B4E
Peacock takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F7ECE5): bright and airy, almost weightless.
- Cyan (#6ABEDF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#196CAC): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00504C): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#212B4E): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, 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
- Muted Cobalt Studio color palette (#F5E6DC, #80BDD6, #2F6CB3, #004C41, #130C39)
- Tempered Cobalt color palette (#FCF3EC, #9DCCE9, #4E79B7, #005F63, #4C3043)
- Frosted Forest color palette (#FFF2EB, #79E2E1, #008EA7, #006A41, #104561)
- Timeworn Periwinkle Parlor color palette (#E7F2E9, #A7DCF3, #57ADE8, #009097, #0F2E55)
- Cerulean Lantern color palette (#FFEBE2, #2FA0B0, #00516D, #003126, #00142D)
- Muted Archive color palette (#E5F5D6, #5DD6E7, #60A5E9, #4A662C, #00413B)
- Ash Hollow color palette (#FBF4EE, #C2F0F1, #789CC7, #407A79, #5E4C59)
- Teal Chapel color palette (#9AFCEE, #00AE99, #006359, #00322F, #001F1C)
Browse the whole catalog at Explore, or see today's palette.