Petrol Field color palette — #F7EDDE · #5DABD8 · #0067B7 · #004853 · #030B3D
Built around Cobalt, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Cream (#F7EDDE): A whisper-light, dusty gold — the color of old brass.
- Cyan (#5DABD8): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cobalt (#0067B7): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004853): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Indigo (#030B3D): A deep, shadowed, balanced violet — the color of wild irises.
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
- Hushed Turquoise Loft color palette (#E9DECE, #00B6C9, #00718E, #004B43, #001624)
- Worn Studio color palette (#DEF3F2, #83BFE4, #006CAA, #003B4B, #000209)
- Aged Boulevard color palette (#ECDFD3, #5898BB, #004694, #003031, #0F0046)
- Powdered Cornflower color palette (#F0E1E7, #7BB8DE, #3A80E6, #006C71, #100045)
- Muted Hollow color palette (#F6EDDF, #92CEEC, #478CC5, #006A74, #1A2D4F)
- Weathered Meadow color palette (#FCF4E8, #9FE8FF, #26A7E3, #008282, #1A4268)
- Timeworn Plum Quarry color palette (#FFDDE2, #BC0052, #486600, #004D81, #170005)
- Hushed Courtyard color palette (#F9F4ED, #C8EBE2, #77BECD, #5A9382, #365145)
Browse the whole catalog at Explore, or see today's palette.