Petrol Field color palette — #EDF8F7 · #C1D7EC · #6799D1 · #00769D · #203A64
A conversation between Slate and Cornflower, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EDF8F7): a clean, paper-quiet neutral.
- Powder Blue (#C1D7EC): A whisper-light, dusty blue — the color of deep harbor water.
- Cornflower (#6799D1): A luminous, balanced blue — the color of open sky before noon.
- Slate (#00769D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#203A64): A deep, shadowed, balanced 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 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
- Timeworn Petrol Boulevard color palette (#F4F6EE, #DAD5E0, #77AAE4, #10799F, #3C253A)
- Softworn Turquoise color palette (#EDF8F6, #B0DDEC, #37A6B7, #007D75, #004250)
- Wandering Hollow color palette (#D6E3E1, #70ACBD, #007190, #00494F, #001623)
- Hushed Cerulean Pier color palette (#EFF7F6, #D7DCEB, #8FB6D9, #3193B3, #435467)
- Cobalt Terrace color palette (#FCF2F5, #A6C9E9, #4B73D0, #005E68, #383558)
- Softworn Powder Canyon color palette (#FBF4ED, #BAEDDD, #8FB0F7, #339CA8, #502D42)
- Sunlit Bronze Bloom color palette (#CCEDE3, #83A251, #009D9B, #AE6100, #23310C)
- Patina Moss Drift color palette (#E4FBF7, #BBE1EF, #82DDC0, #6D8F31, #164A47)
Browse the whole catalog at Explore, or see today's palette.