Petrol Field color palette — #D4EBF6 · #006678 · #3F373B · #00222F · #000910
Peacock and Midnight set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D4EBF6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006678): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#3F373B): a grounded near-black with real depth.
- Midnight (#00222F): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000910): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Sophistication. 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
- Velvet Denim Lantern color palette (#E4F2FF, #005F9B, #292127, #021B47, #000814)
- Softworn Cerulean Veranda color palette (#D1E5D8, #00869C, #003E53, #001F26, #000B02)
- Ancient Delta color palette (#CBE6F3, #0099D4, #006496, #003964, #001839)
- Byzantium Balcony color palette (#D9E2F0, #006DDE, #9726A8, #005F5B, #000D26)
- Antique Summit color palette (#DDE1F1, #7664BD, #2E2F43, #111525, #04060C)
- Quiet Cobalt Boulevard color palette (#DEEFFF, #008CDF, #008937, #004F82, #001C06)
- Aubergine Study color palette (#DFE1F2, #664D45, #49007E, #301619, #0E0015)
- Feathered Lantern color palette (#E3F6F6, #82C2F8, #1671CC, #004D6A, #00124B)
Browse the whole catalog at Explore, or see today's palette.