Petrol Market color palette — #F8ECE4 · #62BFDF · #056DAC · #00504B · #202C4C
A conversation between Peacock and Cyan, giving this palette its sense of trust and stability.
The five colors
- Cream (#F8ECE4): bright and airy, almost weightless.
- Cyan (#62BFDF): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#056DAC): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00504B): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#202C4C): A deep, shadowed, dusty 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
- Worn Abyss color palette (#FAEBE3, #7AC0BC, #007587, #00532C, #003249)
- Cobalt Courtyard color palette (#F4E6DD, #7FBED3, #1D6EB4, #004D3E, #100B3D)
- Cobalt Workshop color palette (#FBF4EE, #99CDEB, #4779BB, #005F61, #32375C)
- Sunlit Studio color palette (#FFF2EB, #77E3DF, #008FA5, #006B3D, #004564)
- Azure Archive color palette (#E7F2E9, #B6D9EE, #43AFEF, #009095, #0C2E54)
- Tempered Cerulean Garden color palette (#F3DCD1, #1AA1B1, #00516C, #003125, #00142C)
- Navy Harbor color palette (#EDDECF, #3E88B8, #0B3487, #002225, #090127)
- Ash Boulevard color palette (#FBF4EE, #C1F1F1, #7A9CC2, #5A7759, #614B5B)
Browse the whole catalog at Explore, or see today's palette.