Petrol Market color palette — #FBEBE2 · #76BED0 · #006EAB · #00523C · #232B4D
Built around Peacock, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Cream (#FBEBE2): A whisper-light, dusty gold — the color of old brass.
- Cyan (#76BED0): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006EAB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00523C): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#232B4D): 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 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
- Timeworn Petrol color palette (#DFECEA, #90BACF, #007696, #004A4F, #001925)
- Cobalt Coast color palette (#FEF3EA, #8ED0EA, #477AB8, #006153, #4E2F43)
- Ultramarine Atelier color palette (#EEDFD1, #59A8D5, #234DB4, #003E3A, #21173D)
- Dusty Cerulean Field color palette (#EEF0E3, #94CFDF, #3193B3, #006B72, #003248)
- Muted Boulevard color palette (#F0D9D1, #00A3AB, #00516C, #003217, #001233)
- Worn Drift color palette (#D5FFE4, #ADD2FF, #B78CCE, #1E6649, #16382E)
- Timeworn Summit color palette (#F4ECF1, #AFDAF0, #47AFEB, #009381, #112C58)
- Patina Corridor color palette (#C9E6D8, #008BB5, #BA3222, #00506B, #4F0C06)
Browse the whole catalog at Explore, or see today's palette.