Petrol Field color palette — #DBE5EE · #BAC5D4 · #99A4BF · #006798 · #13212C
Peacock and Blue Fog set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#DBE5EE): a clean, paper-quiet neutral.
- Stone (#BAC5D4): A luminous, dusty blue — the color of open sky before noon.
- Blue Fog (#99A4BF): A luminous, dusty violet — the color of wild irises.
- Peacock (#006798): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#13212C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Muted Loft color palette (#E9EFF8, #ACB4C8, #8F93B1, #1B4CA5, #0D141F)
- Weathered Archive color palette (#E1E9E6, #D2BDC2, #C59F9F, #158ABE, #0A251C)
- Indigo Courtyard color palette (#F0F5FF, #D8DDF2, #BBB9DE, #5367E8, #2A3343)
- Iris Hollow color palette (#D6E2EE, #8E8BC6, #7F5F8C, #61430F, #262800)
- Muted Violet Courtyard color palette (#EEEDF7, #DAD5E3, #C0B1C9, #8F57A4, #2D2C39)
- Cerulean Alley color palette (#F1F6FB, #DAD9E1, #C6BED2, #6F93B8, #42484F)
- Aged Fern Canyon color palette (#D6E9D8, #A1943C, #5A6900, #004D60, #1F1B00)
- Soft Garden color palette (#CCE9D1, #0086D6, #5828CF, #572A00, #041435)
Browse the whole catalog at Explore, or see today's palette.