Petrol Meadow color palette — #E9F5F0 · #899748 · #2766AA · #693B66 · #25171D
Peacock and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#E9F5F0): bright and airy, almost weightless.
- Moss (#899748): A luminous, balanced green — the color of a quiet forest floor.
- Peacock (#2766AA): A full-bodied, balanced blue — the color of open sky before noon.
- Mulberry (#693B66): A full-bodied, balanced pink — the color of a candy shop window.
- Onyx (#25171D): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. 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
- Ancient Amber color palette (#ECF4ED, #AE8A43, #00748D, #4A3D6F, #231922)
- Wandering Petrol Lagoon color palette (#E9F5F3, #689F73, #6460A0, #783B4C, #141F17)
- Worn Lagoon color palette (#E8F6EB, #98B689, #238B75, #5B4871, #173130)
- Moss Lagoon color palette (#F9F5E5, #97A739, #6287B2, #7E5E7C, #4F2900)
- Hazy Meadow color palette (#E2F6F9, #00897E, #813796, #67240B, #001B13)
- Antique Nightshade Bloom color palette (#DAFAF3, #4C8D19, #4100C9, #6F004A, #011001)
- Aged Emerald color palette (#DFF2F1, #339862, #214146, #102221, #070E0D)
- Weathered Mint color palette (#ECF8F6, #97CD8B, #32A2A8, #955B82, #192A26)
Browse the whole catalog at Explore, or see today's palette.