Petrol Basin color palette — #E6F6F1 · #7FA8D1 · #AF871E · #0067AF · #342500

A conversation between Cobalt and Mustard, giving this palette its sense of trust and stability.

The five colors

• Ivory (#E6F6F1): a clean, paper-quiet neutral.
• Blue Fog (#7FA8D1): A luminous, dusty blue — the color of open sky before noon.
• Mustard (#AF871E): A luminous, balanced gold — the color of honey in a jar.
• Cobalt (#0067AF): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#342500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

Use it as a design system

One click turns Petrol Basin 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 Lapis color palette (#FDECF5, #A19ADA, #9E8E37, #654EB9, #2E2700)
• Wandering Amber color palette (#E4F7ED, #56B1D0, #C4765C, #006F8C, #441707)
• Gentle Marigold color palette (#EEF6FF, #82BCFD, #DCA034, #347BC7, #563D14)
• Feathered Iris Field color palette (#FFEBFB, #6F8BD1, #A9722D, #816800, #2B1528)
• Softworn Delta color palette (#FDF0FD, #71A0E9, #CE5D8D, #2A63B8, #5D3633)
• Denim Hollow color palette (#FBEEF4, #A8BB91, #554B84, #281F48, #14080E)
• Nightshade Harbor color palette (#F0D5E7, #6872FF, #847100, #3800D5, #1B1600)
• Muted Aubergine color palette (#FFECF1, #CD85EC, #7E8900, #79009C, #202300)

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