Petrol Market color palette — #F4EFD1 · #00678C · #006146 · #040C0C · #010100
Peacock and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Custard (#F4EFD1): A whisper-light, dusty green — the color of a quiet forest floor.
- Peacock (#00678C): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#006146): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#040C0C): a grounded near-black with real depth.
- Black (#010100): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged neon, dark, vibrant, muted.
Use it as a design system
One click turns Petrol Market 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
- Shadow Cypress color palette (#E6F0E7, #006569, #222E4F, #002425, #000103)
- Lapis Lantern color palette (#FEE4FF, #5727E6, #005C6C, #060A0E, #000201)
- Byzantium Summit color palette (#D2F6E3, #9500ED, #006995, #070A12, #000201)
- Cerulean Chapel color palette (#E6E2CD, #0086AE, #00826B, #011113, #000203)
- Tempered Spruce color palette (#E0EAE3, #84918A, #527366, #003038, #000201)
- Weathered Magenta color palette (#FCE2D8, #C62CE5, #14660A, #000F0A, #000202)
- Deep Boulevard color palette (#E4ECDB, #545F00, #2E343B, #001910, #000201)
- Violet Grove color palette (#F7E1DF, #835CFF, #008A40, #040F0D, #000200)
Browse the whole catalog at Explore, or see today's palette.