Petrol Field color palette — #F4F6EE · #B5DFD0 · #649BCA · #007796 · #1D3C5F
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 (#F4F6EE): a clean, paper-quiet neutral.
- Silver (#B5DFD0): A whisper-light, dusty teal — the color of glacier melt.
- Blue Fog (#649BCA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007796): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#1D3C5F): 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
- Weathered Turquoise Archive color palette (#F5F6EF, #C0DEC0, #24A8B4, #007D70, #00434D)
- Washed Workshop color palette (#DEDFD3, #5BB0BF, #00728A, #004A4B, #001721)
- Aged Coast color palette (#EDF2E2, #6F97B7, #0059A1, #00384D, #000720)
- Tempered Cerulean color palette (#F4F6F0, #C8E7E7, #8EB7D5, #3194AD, #2A534A)
- Antique Canyon color palette (#E9EFDF, #8DB5DE, #4174BE, #005477, #071751)
- Softworn Cobalt Pier color palette (#FBF4EE, #A5D0C0, #3C77CD, #005F63, #4F2E44)
- Aged Chestnut color palette (#F2E5DA, #C3A98D, #A97244, #8C440E, #34302A)
- Ancient Wisteria Thicket color palette (#FDEBDB, #D89765, #BF72CF, #A95A00, #492450)
Browse the whole catalog at Explore, or see today's palette.