Petrol Field color palette — #F0F6FA · #DBDAE4 · #C6BCCC · #3E7D98 · #41494E

Built around Slate, softened by Stone — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F6FA): bright and airy, almost weightless.
• Silver (#DBDAE4): a clean, paper-quiet neutral.
• Stone (#C6BCCC): A luminous, dusty violet — the color of wild irises.
• Slate (#3E7D98): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#41494E): quiet, heavy and certain.

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

• Muted Indigo color palette (#F1F5FF, #E3D5E4, #C7B4D0, #615EB1, #3A3F4F)
• Muted Cypress Thicket color palette (#E1FBFF, #A2BED8, #7B7DA2, #336964, #2D4D56)
• Cypress Delta color palette (#EBF4F0, #E1CFCD, #C7B5B8, #50806F, #242F2B)
• Softworn Abyss Field color palette (#DBE2E8, #A1A9BB, #7D7AA0, #003C59, #0A151E)
• Dusty Denim Villa color palette (#ECEEF6, #CDCAD7, #AF96B5, #564987, #2A2D3C)
• Worn Aubergine color palette (#E2E1EC, #BEB5C3, #A1839A, #631E7A, #1F1D2B)
• Soft Cabin color palette (#EEF6FF, #7AFFF4, #91BAFF, #B36EAF, #383F5D)
• Dusty Navy color palette (#E9EEF8, #9797AD, #796987, #171872, #040916)

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