Petrol Field color palette — #D5F8F4 · #9DC5C4 · #5D8D94 · #416684 · #494569
Built around Peacock, softened by Charcoal — the whole palette hums with trust and stability.
The five colors
- Honeydew (#D5F8F4): A whisper-light, dusty teal — the color of glacier melt.
- Ash (#9DC5C4): A luminous, dusty teal — the color of shallow lagoons.
- Storm Blue (#5D8D94): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#416684): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal (#494569): A full-bodied, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Sophistication. Tagged vintage, retro, muted, cool.
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
- Dusty Basalt color palette (#C8EBFF, #8EA5B7, #5F799B, #684A6D, #5D3351)
- Weathered Cypress Station color palette (#EDF8F5, #C3E3EC, #51979D, #007265, #1F4E60)
- Muted Grove color palette (#EAF9F5, #90B9B4, #46825C, #3F634D, #244A46)
- Aged Ash Orchard color palette (#F6F3D6, #D9DCB9, #B6C1A1, #7C9F8D, #3C574D)
- Onyx Station color palette (#D2E4E7, #4B7187, #193F5B, #2F0747, #240024)
- Hushed Teal color palette (#FFF3E7, #C9C2A7, #75AC8E, #907377, #674549)
- Sunlit Pine Basin color palette (#E6FAF8, #7FAD82, #3C91CC, #087B28, #1E4663)
- Quiet Aubergine color palette (#D4E8D6, #59B28A, #008275, #004E84, #42256E)
Browse the whole catalog at Explore, or see today's palette.