Petrol Market color palette — #F9EDE7 · #5DAFC2 · #006E9C · #004B40 · #001232
Peacock takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F9EDE7): a clean, paper-quiet neutral.
- Cyan (#5DAFC2): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006E9C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004B40): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#001232): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Sapphire Canyon color palette (#EEE6DF, #86B9D4, #0074D7, #005959, #161A41)
- Petrol Meadow color palette (#E2F3E5, #86C2D1, #007196, #003E3B, #000307)
- Weathered Cerulean Balcony color palette (#CBE7E3, #309EB7, #005268, #002F33, #001622)
- Soft Hollow color palette (#EBE2D8, #6298C7, #2941CE, #003A42, #0B0026)
- Patina Lagoon color palette (#F8ECE6, #8CD1DE, #0092C4, #006E59, #092E55)
- Aged Delta color palette (#DCF3EB, #00A67F, #006451, #003226, #000403)
- Azure Ridge color palette (#FCF3EE, #B9DFC9, #3F9DDE, #007D72, #4B2F48)
- Timeworn Dune color palette (#E9EDDF, #27A062, #9A006C, #00532E, #230016)
Browse the whole catalog at Explore, or see today's palette.