Petrol Field color palette — #EEE1D8 · #6EABC6 · #0069B2 · #004A48 · #070544
Cobalt and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#EEE1D8): a clean, paper-quiet neutral.
- Cyan (#6EABC6): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cobalt (#0069B2): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004A48): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#070544): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Petrol Field 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
- Antique Petrol color palette (#F0E1DA, #66B0B4, #00718D, #004C34, #001527)
- Muted Cobalt Archive color palette (#F0E4D7, #85B7E1, #5070C2, #005862, #1F114A)
- Ancient Parlor color palette (#F8EAF0, #69C4E9, #006AB3, #003E3C, #010015)
- Washed Grove color palette (#D9E7E6, #5B98B4, #005073, #002E38, #001528)
- Aged Courtyard color palette (#FAEBE2, #A4D0B8, #498CC1, #006D65, #1A2B57)
- Wandering Azure Courtyard color palette (#FFF2EC, #9DE9F8, #00A9E5, #00856E, #123F75)
- Washed Lagoon color palette (#FBF3EF, #C7E5DC, #65B1C6, #4A8A68, #205243)
- Plum Chapel color palette (#FEE8F0, #B50F6B, #006B52, #004F5F, #160008)
Browse the whole catalog at Explore, or see today's palette.