Petrol Field color palette — #DDEFFD · #0073A7 · #7D5000 · #533400 · #000C17
Slate and Coffee set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#DDEFFD): A whisper-light, dusty blue — the color of open sky before noon.
- Slate (#0073A7): A full-bodied, balanced blue — the color of open sky before noon.
- Coffee (#7D5000): A full-bodied, balanced gold — the color of honey in a jar.
- Cocoa (#533400): A deep, shadowed, dusty gold — the color of honey in a jar.
- Ink (#000C17): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Optimism, Balance. Tagged 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
- Terracotta Field color palette (#C9EAF2, #00788A, #A62000, #701200, #000D11)
- Sunlit Indigo Dune color palette (#EBF2FF, #4868FF, #726F00, #4E4C00, #06132B)
- Quiet Grape Quarry color palette (#E5EBFD, #6738DE, #595900, #393900, #04051A)
- Ultramarine Workshop color palette (#E6EEFF, #1340FE, #6A3C00, #402200, #000603)
- Timeworn Rust color palette (#CCEEDC, #0094BA, #D23700, #565E00, #00242F)
- Hushed Grove color palette (#EDF7FF, #2FA9FF, #C82802, #645300, #000E1C)
- Softworn Mulberry color palette (#D0E8FF, #006BB4, #94008A, #004935, #00203D)
- Aubergine Grove color palette (#DDEFD6, #0085D4, #820093, #143B00, #0A0837)
Browse the whole catalog at Explore, or see today's palette.