Petrol Field color palette — #EAF9F7 · #B1DBF4 · #5C9FBF · #007A88 · #093F5D
Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EAF9F7): a clean, paper-quiet neutral.
- Powder Blue (#B1DBF4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Blue Fog (#5C9FBF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007A88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#093F5D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Ancient Cerulean Workshop color palette (#EEF7F7, #D6DBF6, #81A8D7, #3E83A5, #364963)
- Weathered Sky color palette (#F4F7EC, #D6D6E5, #3AB3E8, #007D8C, #01372B)
- Timeworn Cypress color palette (#D9EAE6, #66B0B1, #00747D, #004B43, #00181D)
- Wandering Drift color palette (#E4F2EF, #92D2CE, #00999E, #006E5C, #00353B)
- Cobalt Chapel color palette (#D2E6E5, #80BADA, #0F7BB9, #00566A, #00203E)
- Patina Coast color palette (#FDF3EC, #BEEDD4, #73B9F3, #00A197, #4B3047)
- Sunlit Peony color palette (#EFDDFA, #DC689B, #C4721A, #7567C3, #34233E)
- Stone Drift color palette (#FBF1FF, #F6D5C6, #FAAE9C, #A76D8C, #4A394E)
Browse the whole catalog at Explore, or see today's palette.