Petrol Field color palette — #F0F7F3 · #EBD8DE · #DAADC3 · #00778D · #324539
Teal and Rosewood Mist set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F0F7F3): a clean, paper-quiet neutral.
- Silver (#EBD8DE): A whisper-light, dusty rose — the color of strawberry cream.
- Rosewood Mist (#DAADC3): A luminous, dusty rose — the color of a warm blush.
- Teal (#00778D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#324539): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Dusty Petrol Studio color palette (#F9F3F8, #E4D8D7, #D2BBB1, #5A74A3, #4D454C)
- Washed Denim color palette (#E9F0ED, #D3C8D1, #B896A2, #005D7C, #20332A)
- Tempered Cypress color palette (#F2F7EE, #C8E0DC, #9DC6BA, #007D5F, #2F4904)
- Worn Turquoise Summit color palette (#EDF7FD, #D7D9E7, #B7A7AB, #0DB5E0, #30434D)
- Aged Nightshade Lagoon color palette (#FBF2F7, #E7CAD0, #C996A6, #504AAA, #3D2D37)
- Muted Quarry color palette (#FAF5E6, #7EB27D, #007B69, #1C5679, #244324)
- Navy Lantern color palette (#E2DCE2, #C8B1BD, #A68489, #00467D, #261A28)
- Dusty Lantern color palette (#DAEECB, #6CBAE8, #8F6FAA, #4F6333, #1B4F35)
Browse the whole catalog at Explore, or see today's palette.