Petrol Field color palette — #F1F7F2 · #D9DDED · #809BBE · #007B94 · #44526F
Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#D9DDED): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#809BBE): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007B94): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#44526F): A full-bodied, dusty violet — the color of wild irises.
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
- Tempered Periwinkle color palette (#F7EFF2, #D9D0E3, #889AD0, #267978, #323449)
- Washed Lagoon Chapel color palette (#FAF4EF, #C4E1F3, #A0AFE1, #489494, #624B54)
- Petrol Study color palette (#E6F2E9, #93B7CA, #007299, #00504D, #003052)
- Ancient Cypress Balcony color palette (#EAF8FB, #7EBEB7, #C38494, #00847C, #6A3E4A)
- Worn Lagoon Basin color palette (#D6FFFC, #91C9B0, #289A8A, #007271, #295260)
- Weathered Abyss Meadow color palette (#D5E5D8, #5B9C9F, #005362, #003127, #001721)
- Antique Bronze Station color palette (#E5F9FF, #64A5A4, #9E78B1, #9C6B19, #294850)
- Muted Garden color palette (#FFF0F9, #C9B0BA, #A27460, #72516C, #3D4D3D)
Browse the whole catalog at Explore, or see today's palette.