Petrol Field color palette — #F4F6EF · #C5E6EA · #76A499 · #3D778F · #614960

Slate and Eucalyptus set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#C5E6EA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Eucalyptus (#76A499): A luminous, dusty teal — the color of sea glass.
• Slate (#3D778F): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#614960): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Dusty Cypress Quarry color palette (#F5F6EE, #C9E4DD, #81A389, #3B7B74, #365241)
• Tempered Cerulean Basin color palette (#F3F6EE, #C1E5DB, #688CBD, #2B6989, #573E54)
• Timeworn Balcony color palette (#FAF3F5, #DADEED, #99B2DE, #43949C, #49516C)
• Ancient Station color palette (#EEF0E0, #84BCC9, #00748F, #004F53, #003346)
• Lagoon Loft color palette (#F7F7DD, #84A370, #389A9F, #976C3C, #43433C)
• Lagoon Terrace color palette (#EDEEDE, #459FA2, #00545C, #00302B, #00171D)
• Softworn Grove color palette (#F5F6EA, #97DCE2, #008FA2, #006762, #004858)
• Lagoon Meadow color palette (#F5F9D8, #B3D8AE, #62895A, #365930, #363730)

Browse the whole catalog at Explore, or see today's palette.