Petrol Field color palette — #F7E5DF · #7CC1C6 · #00759B · #004F28 · #001437
Built around Teal, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Rose Water (#F7E5DF): A whisper-light, dusty orange — the color of autumn markets.
- Mint Leaf (#7CC1C6): A luminous, dusty blue — the color of open sky before noon.
- Teal (#00759B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004F28): A deep, shadowed, balanced teal — the color of sea glass.
- Midnight (#001437): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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
- Dusty Petrol color palette (#F0E7E0, #90B9D7, #5167AA, #004B4A, #1B0A33)
- Softworn Cerulean color palette (#F9F0EB, #ACD2B7, #4083AC, #095E3F, #121E3F)
- Wandering Denim Drift color palette (#F6E8E0, #6BA6B9, #005B99, #003B2E, #070030)
- Cypress Loft color palette (#F7F0EB, #BEE7D6, #718EBF, #006D64, #402032)
- Chalky Sapphire color palette (#F7E8D5, #A77400, #4B63BC, #5E4000, #060144)
- Aged Navy Terrace color palette (#F3E3DB, #478291, #003E66, #002016, #01000B)
- Washed Lantern color palette (#F8F0EC, #C9E4DF, #7AA896, #617431, #422F40)
- Ancient Aubergine Station color palette (#E6DFD1, #7D6A00, #2F56B8, #53239A, #0E0A00)
Browse the whole catalog at Explore, or see today's palette.