Petrol Meadow color palette — #E8F5F1 · #8A9C6D · #266B9C · #6B3251 · #0E211C
Peacock and Mulberry set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#E8F5F1): bright and airy, almost weightless.
- Moss (#8A9C6D): A luminous, dusty green — the color of fresh herbs.
- Peacock (#266B9C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Mulberry (#6B3251): A full-bodied, balanced rose — the color of strawberry cream.
- Onyx (#0E211C): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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
- Timeworn Aubergine Courtyard color palette (#E7F5F5, #519678, #14727C, #5B366A, #0E1D0C)
- Antique Cocoa color palette (#E8F4F7, #439892, #6E63A3, #80382D, #061D1E)
- Patina Workshop color palette (#FDEDF6, #9EB489, #46857F, #783B51, #143230)
- Worn Denim color palette (#FBF2F7, #C17759, #5C59A4, #603967, #392D3B)
- Cobalt Lantern color palette (#F7F6EC, #9FB176, #5289C9, #8C536A, #37362F)
- Hushed Ultramarine Drift color palette (#DAF9F8, #008149, #0049B2, #6D002C, #011000)
- Timeworn Meadow color palette (#D3FDE9, #A5C49C, #4C967C, #00605F, #00333E)
- Patina Driftwood Orchard color palette (#ECF4F2, #D1D8DB, #ADAFBC, #718C61, #2F3836)
Browse the whole catalog at Explore, or see today's palette.