Petrol Field color palette — #D9E1E4 · #8B9DA8 · #5C738D · #003233 · #000B10
A conversation between Slate and Deep Forest, giving this palette its sense of sophistication.
The five colors
- Silver (#D9E1E4): a clean, paper-quiet neutral.
- Blue Fog (#8B9DA8): A luminous, dusty blue — the color of open sky before noon.
- Slate (#5C738D): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Forest (#003233): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000B10): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: 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
- Worn Meadow color palette (#EAF1F4, #94A8B2, #698BA1, #004F55, #000B11)
- Muted Navy color palette (#DFE5EE, #A5A8B8, #7F7A99, #002297, #091423)
- Washed Lagoon color palette (#E2E9EF, #B2B9C7, #8A8CA2, #004970, #0E2131)
- Washed Navy color palette (#DBEFE9, #217083, #283E6C, #2D1A00, #0C1300)
- Tempered Courtyard color palette (#F0F6FB, #D8D8E5, #ADB3C7, #006D91, #303C45)
- Airy Nightshade Thicket color palette (#D0EEFC, #008F67, #00738D, #2B00A5, #000306)
- Midnight Fern Station color palette (#DFEFE4, #526625, #003514, #001B1C, #040700)
- Timeworn Ultramarine Quarry color palette (#F1F5FE, #CFD1E5, #BE99B9, #3C3BD6, #293347)
Browse the whole catalog at Explore, or see today's palette.