Petrol Field color palette — #C5E9E9 · #008189 · #00424C · #002832 · #00161F
A conversation between Teal and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Frost (#C5E9E9): A whisper-light, dusty teal — the color of glacier melt.
- Teal (#008189): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#00424C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#002832): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#00161F): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged 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
- Petrol Canyon color palette (#E0F0FA, #007CA7, #003C55, #00101A, #000204)
- Pine Bloom color palette (#DDF6E0, #00804D, #004C33, #002B1F, #001812)
- Muted Aubergine color palette (#DDF2E6, #006984, #78008B, #003241, #1E0024)
- Muted Harbor color palette (#D3E5E8, #00A7C3, #006882, #004860, #1B294E)
- Aged Sapphire Delta color palette (#E3F4ED, #59AAED, #456ECD, #004756, #001C2D)
- Feathered Aubergine Parlor color palette (#CBEFFB, #005668, #3E1F9A, #003B1B, #00090D)
- Ancient Villa color palette (#D8E3ED, #006BBD, #003D87, #030071, #090040)
- Ancient Alley color palette (#F8EDDE, #826200, #4C3300, #2B1700, #0F0B00)
Browse the whole catalog at Explore, or see today's palette.