Petrol Field color palette — #EEE8DE · #77C1C9 · #007790 · #004C41 · #001926
Teal and Mint Leaf set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#EEE8DE): a clean, paper-quiet neutral.
- Mint Leaf (#77C1C9): A luminous, dusty blue — the color of open sky before noon.
- Teal (#007790): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004C41): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001926): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Washed Cobalt color palette (#EFE8DD, #8FBFB1, #3F69B3, #00495A, #0E0F37)
- Tempered Cerulean color palette (#F7F1E8, #ACD2BA, #3286AA, #005C58, #00223B)
- Softworn Pier color palette (#F6EAF4, #91B8C8, #00719D, #005332, #142B5B)
- Dusty Workshop color palette (#F1E8DB, #62A7C3, #005E8E, #00393C, #000A1F)
- Abyss Hollow color palette (#ECE3D5, #4D8192, #00415D, #001F20, #000104)
- Tempered Ash Workshop color palette (#FDDBF3, #C4B4F4, #C38ABD, #316392, #191338)
- Aged Petrol color palette (#F6F1EA, #BEE7D7, #6F90B6, #136A78, #3A2337)
- Aged Azure color palette (#FEF2EE, #AEF3FB, #279ED2, #006E41, #091C41)
Browse the whole catalog at Explore, or see today's palette.