Petrol Market color palette — #D8E4DA · #51B2C0 · #00718E · #004B43 · #001624
Built around Teal, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Bone (#D8E4DA): a clean, paper-quiet neutral.
- Cyan (#51B2C0): A luminous, balanced blue — the color of open sky before noon.
- Teal (#00718E): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004B43): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001624): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Linen Cobalt color palette (#E5F0E7, #77BCD8, #007CB7, #00585C, #001E43)
- Antique Petrol color palette (#EEEFE3, #73C5D2, #007389, #003E3E, #000305)
- Washed Hollow color palette (#F0E0ED, #3A9FAC, #005072, #00321E, #020D3B)
- Airy Denim color palette (#D8E2DA, #6A98BA, #0055AE, #003A45, #03002E)
- Tempered Azure color palette (#F0F7F1, #B1DCF0, #28A3D0, #007C77, #213D55)
- Plum Market color palette (#FAD9EF, #AF008F, #695B00, #005366, #14000E)
- Washed Magenta color palette (#EFE8FF, #BF26B2, #007A45, #75006D, #001507)
- Pale Aubergine Pier color palette (#EBDCE5, #E79DAE, #E26C46, #74308F, #2B091C)
Browse the whole catalog at Explore, or see today's palette.