Petrol Field color palette — #E6F4FF · #84BBDE · #C29066 · #38799F · #432733

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

The five colors

• Ivory (#E6F4FF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#84BBDE): A luminous, dusty blue — the color of open sky before noon.
• Camel (#C29066): A luminous, balanced gold — the color of old brass.
• Slate (#38799F): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#432733): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Optimism, Sophistication. 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

• Petrol Garden color palette (#EBF2FF, #9EB2E7, #B6975D, #5C6FA5, #1F3824)
• Ancient Cypress Basin color palette (#E5F5F9, #7DC2BC, #C48A92, #00837D, #3C293F)
• Antique Cobalt Orchard color palette (#E8FAF3, #89BDAB, #C38A64, #007BB3, #524C47)
• Muted Azure color palette (#EAF9F3, #9BCBEA, #DCA281, #0097D6, #524C47)
• Ancient Delta color palette (#E7F4FF, #6FA2CC, #B57A88, #707F52, #1A2936)
• Hushed Forest Terrace color palette (#E5F7EB, #A5C3B5, #6D8B78, #446046, #1D312B)
• Mallow Ridge color palette (#E8F3FF, #D7D5E3, #D2BAE1, #6992A8, #2D3A4A)
• Stone Market color palette (#EDF2FD, #A8CFB0, #536082, #273047, #11141B)

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