Petrol Market color palette — #FFF0FB · #75C7CE · #00799A · #005840 · #00355B
Teal and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Aqua (#75C7CE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#00799A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#005840): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#00355B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
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
- Powdered Cobalt color palette (#FFF0F8, #7EC2E4, #0C6EC6, #005656, #232771)
- Washed Balcony color palette (#F2F3E6, #53D0D8, #008090, #00524D, #001E26)
- Glacier Lantern color palette (#E4FBF6, #5BE1EA, #009EB1, #00736C, #003A46)
- Softworn Villa color palette (#F6EDF4, #70A9B3, #005F81, #003F32, #001F41)
- Washed Cypress color palette (#F9F3F7, #D5E0F2, #6DA0C0, #16806E, #43546A)
- Airy Villa color palette (#FFF2EC, #5AF2FC, #00BCEA, #009C71, #003659)
- Antique Ridge color palette (#EEE0E8, #468AA3, #003F69, #002220, #02002F)
- Soft Harbor color palette (#E8DDE8, #BC4FBE, #176405, #006247, #3A0D3C)
Browse the whole catalog at Explore, or see today's palette.