Petrol Field color palette — #EFE8DD · #82B9E9 · #416AAE · #00495A · #0E1037
Slate and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#EFE8DD): a clean, paper-quiet neutral.
- Sky (#82B9E9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#416AAE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#00495A): A deep, shadowed, dusty blue — the color of open sky before noon.
- Deep Indigo (#0E1037): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, 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 (#F7EBEF, #8AB7DC, #4B65A6, #004E58, #2D2555)
- Wandering Petrol Alley color palette (#F0E8DC, #7BC1C7, #00778F, #004C41, #001925)
- Tempered Studio color palette (#E0F3F2, #A9C8E6, #5889C4, #00668B, #142B5A)
- Lilac Lantern color palette (#FDDCFC, #C4C7FF, #B483C8, #026D8F, #281126)
- Washed Delta color palette (#EFE6D8, #3895BB, #004D7B, #002B2F, #000313)
- Brick Market color palette (#D4E4FB, #0067D0, #B10037, #2A5A05, #000A1F)
- Cerulean Villa color palette (#F6F1E9, #ABE7F9, #4F97BC, #266A69, #08342B)
- Tempered Cornflower color palette (#D5E3FB, #5D8BFF, #2B52B4, #071965, #00021A)
Browse the whole catalog at Explore, or see today's palette.