Petrol Field color palette — #F0F6FC · #DCD9E1 · #C7BBC7 · #4D78A2 · #3F4953
Slate and Stone set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F0F6FC): bright and airy, almost weightless.
- Silver (#DCD9E1): a clean, paper-quiet neutral.
- Stone (#C7BBC7): A luminous, dusty pink — the color of neon signs at night.
- Slate (#4D78A2): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#3F4953): A full-bodied, dusty blue — the color of open sky before noon.
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
- Antique Summit color palette (#F5F0F5, #DFD4D5, #CAB7B6, #5577A4, #312931)
- Wandering Abyss Loft color palette (#E9F8FF, #A7B7D0, #867C98, #486F6F, #305564)
- Timeworn Quarry color palette (#DFE4F3, #6767B4, #342F41, #1A1F2B, #0B0C13)
- Weathered Olive Station color palette (#FFF1F6, #8FBBA2, #637D4F, #5A5476, #2F493A)
- Aged Ultramarine Bloom color palette (#F0F5FF, #D0D0E5, #AF9FBF, #394ABC, #26334B)
- Navy Chapel color palette (#E0E8F4, #A5A8BA, #837B90, #002F80, #081424)
- Dusty Garnet color palette (#E5E2EC, #C2B4C2, #9D8791, #6A265B, #221B2D)
- Softworn Sky color palette (#EFF7F5, #DDD5D1, #81B0E0, #A0A799, #3E4B47)
Browse the whole catalog at Explore, or see today's palette.