Petrol Quarry color palette — #E8FAF4 · #6BA5D8 · #B77853 · #266A9E · #60361D

Peacock and Cornflower set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E8FAF4): A whisper-light, dusty teal — the color of sea glass.
• Cornflower (#6BA5D8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Caramel (#B77853): A luminous, balanced gold — the color of honey in a jar.
• Peacock (#266A9E): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#60361D): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

Use it as a design system

One click turns Petrol Quarry 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 Drift color palette (#FFF0F9, #9598D9, #B37E2A, #5A58B1, #593C0E)
• Airy Orchard color palette (#ECFAEA, #51B2AB, #C56C6A, #007570, #643130)
• Petrol Loft color palette (#FEF1FB, #9AB0DD, #989F5D, #5971A7, #4F4D46)
• Pale Field color palette (#E8F3FF, #74A9D8, #C06EA1, #0069A9, #3E1730)
• Weathered Archive color palette (#DAFFF4, #468ECD, #AC6925, #6E6600, #164037)
• Pale Corridor color palette (#E9FAF4, #82BFEB, #7BB674, #0089C9, #2B4C27)
• Antique Chestnut color palette (#FCF4E4, #A2AD81, #7C7349, #724700, #3E4100)
• Ancient Cerulean Drift color palette (#DFFDF2, #FFE2E5, #D9B6D8, #378492, #584857)

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