Petrol Field color palette — #D8EEFD · #00759C · #182946 · #00121F · #000407
Teal and Midnight set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D8EEFD): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#00759C): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#182946): A deep, shadowed, dusty violet — the color of wild irises.
- Ink (#00121F): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000407): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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
- Midnight Study color palette (#DAEDFD, #005B89, #2D2528, #131537, #00060F)
- Aged Indigo color palette (#DBE4F5, #5C6ACB, #2F2F41, #101622, #02070D)
- Worn Cerulean Boulevard color palette (#D5E9E0, #0093C2, #354468, #002B3B, #08150A)
- Tempered Cerulean color palette (#FCECF8, #95DEE4, #0090B5, #006548, #002743)
- Faded Indigo color palette (#DCE4FF, #5F73F3, #926F00, #706100, #0D1339)
- Pine Quarry color palette (#DDFAE9, #95B375, #0F7F4A, #02575C, #002720)
- Midnight Alley color palette (#E4EFFF, #002AB4, #1C151B, #130428, #000106)
- Worn Loft color palette (#DEF4FC, #00A4EB, #006CD6, #3A2E99, #2B114E)
Browse the whole catalog at Explore, or see today's palette.