Petrol Field color palette — #DFF3F1 · #8ABEDD · #006DA7 · #003C4A · #000309
Built around Peacock, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#DFF3F1): A whisper-light, dusty teal — the color of shallow lagoons.
- Sky (#8ABEDD): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006DA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003C4A): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000309): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Patina Cypress Market color palette (#DEF4EE, #74C8C3, #00767A, #003F34, #000304)
- Antique Azure Grove color palette (#E9EDDF, #3899CC, #004E7B, #002E3A, #00142C)
- Softworn Cornflower color palette (#EAD9E1, #7FB8D9, #1380F4, #006C6F, #0D063F)
- Ancient Periwinkle Loft color palette (#EFF7F7, #DADCE8, #6FABE6, #007A9D, #102E56)
- Ancient Mulberry Orchard color palette (#F0EBFF, #7548BC, #A3004D, #004964, #020007)
- Faded Grape Ridge color palette (#E0E2F0, #7D73E6, #5D00C6, #39006A, #030009)
- Wandering Aubergine Thicket color palette (#DFE1F7, #9460CC, #B03900, #520087, #040000)
- Gentle Grape color palette (#F5E5FF, #E9C1EA, #D775BA, #6432AE, #130018)
Browse the whole catalog at Explore, or see today's palette.