Petrol Market color palette — #E5F3E8 · #80BAD9 · #1E6CA9 · #004E57 · #162C56
Peacock and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E5F3E8): A whisper-light, dusty teal — the color of sea glass.
- Sky (#80BAD9): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#1E6CA9): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004E57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Navy (#162C56): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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
- Tempered Cypress Loft color palette (#E7F2E9, #8DBAC5, #007680, #00523A, #003441)
- Muted Corridor color palette (#EFE6EA, #95B8D1, #3F6AB0, #004C45, #17093A)
- Ancient Cobalt color palette (#F0F7F2, #ADC8E1, #5379B1, #005D70, #2E3760)
- Lilac Workshop color palette (#DCEFFF, #AAC0F9, #A089D8, #00667D, #163353)
- Cerulean Workshop color palette (#CFE9EB, #00A0C0, #006688, #004064, #291C57)
- Ancient Periwinkle Study color palette (#F3EEE5, #9EDDFE, #53ABF6, #008F9D, #1B2D4F)
- Hushed Cerulean color palette (#D7E2D9, #449DB2, #00516E, #00302E, #001528)
- Washed Petrol Thicket color palette (#F1F7F2, #D9DDEE, #7E9CBF, #3A7986, #45536B)
Browse the whole catalog at Explore, or see today's palette.