Petrol Market color palette — #EFEFE1 · #62AFB0 · #00848E · #005E54 · #000C0F
Teal and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#EFEFE1): a clean, paper-quiet neutral.
- Turquoise (#62AFB0): A luminous, dusty teal — the color of glacier melt.
- Teal (#00848E): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005E54): A full-bodied, dusty teal — the color of shallow lagoons.
- Ink (#000C0F): 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
- Hushed Cobalt color palette (#E3E8D8, #73A7CA, #2879B9, #005A72, #00091B)
- Muted Denim color palette (#F7E6DE, #4DA2A3, #006377, #003E26, #000A15)
- Ancient Thicket color palette (#D8E8E5, #308787, #00444A, #00201B, #000202)
- Pine Quarry color palette (#E8F1D1, #72B89F, #00A99E, #337F2A, #00150B)
- Linen Delta color palette (#D8ECDE, #00A35E, #007843, #004022, #000201)
- Airy Azure color palette (#E9EEE0, #9BC6E6, #3C96E8, #00789B, #001D48)
- Sunlit Hollow color palette (#E3E8C8, #309537, #0078B5, #066715, #00060F)
- Powdered Pine color palette (#DBEADB, #00862A, #007384, #745100, #000300)
Browse the whole catalog at Explore, or see today's palette.