Petrol Field color palette — #F9F4ED · #B7DFD0 · #6C99CB · #00798B · #293861
Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Ivory (#F9F4ED): a clean, paper-quiet neutral.
- Silver (#B7DFD0): A whisper-light, dusty teal — the color of glacier melt.
- Blue Fog (#6C99CB): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#00798B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#293861): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Tempered Cypress Archive color palette (#FBF4EA, #B7E0C2, #57A0BB, #007D72, #144437)
- Azure Atelier color palette (#FFF4E2, #83D9F4, #0097D4, #007273, #003460)
- Cerulean Summit color palette (#C4F1F9, #37C1EA, #0091C8, #00609E, #233A63)
- Softworn Terrace color palette (#FDF3EC, #A5D0C0, #5A75BA, #00605C, #3D3358)
- Wandering Petrol color palette (#F7EFE2, #6FADB8, #00718F, #004B44, #001625)
- Timeworn Denim Meadow color palette (#ECE4D9, #6199C4, #1D55A4, #003A46, #04002D)
- Wandering Periwinkle Archive color palette (#FCF2F6, #C4E5FE, #8AB0FF, #00A198, #333856)
- Weathered Cerulean color palette (#E3FCF4, #FFDEF7, #D0BCF6, #4994AE, #523C50)
Browse the whole catalog at Explore, or see today's palette.