Petrol Field color palette — #E7F4FB · #D0D6E3 · #A8C3DA · #00788E · #152831
A conversation between Teal and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E7F4FB): a clean, paper-quiet neutral.
- Silver (#D0D6E3): a clean, paper-quiet neutral.
- Sky (#A8C3DA): A luminous, dusty blue — the color of deep harbor water.
- Teal (#00788E): A full-bodied, balanced blue — the color of open sky before noon.
- Onyx (#152831): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Washed Denim color palette (#E1EBF1, #C2CDD6, #97A5B5, #005E7A, #071822)
- Washed Petrol Bloom color palette (#F1F7F2, #CADFE0, #C9B5C5, #007887, #2F4636)
- Smoked Petrol Field color palette (#D2E3F2, #0071AD, #142A47, #011121, #000409)
- Muted Driftwood color palette (#F0F1F9, #D9D4DB, #B9AAB0, #7A80A2, #34363E)
- Driftwood Chapel color palette (#D9EAFF, #9EB4D9, #7673A4, #73475C, #4D252C)
- Muted Loft color palette (#EEF2FA, #CED3E8, #A7A8C7, #5243BA, #141929)
- Hushed Alley color palette (#DCF9F4, #72BB84, #1A7E55, #0A594C, #002725)
- Softworn Chapel color palette (#E3E9F3, #9AA0AE, #757A92, #202A79, #010410)
Browse the whole catalog at Explore, or see today's palette.