Petrol Quarry color palette — #E1F1FC · #96C298 · #006D8E · #003B4F · #021826

Peacock and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#E1F1FC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Mint Leaf (#96C298): A luminous, dusty green — the color of a quiet forest floor.
• Peacock (#006D8E): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003B4F): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#021826): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, muted.

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

• Aged Courtyard color palette (#F0F6FD, #9ED2B4, #50749E, #234469, #152331)
• Hushed Terrace color palette (#E8FBEF, #A5E494, #006F87, #002D39, #000502)
• Jade Loft color palette (#D2E3F1, #53A76E, #004A70, #001D2F, #000307)
• Patina Denim Villa color palette (#E8EEFE, #E59EA3, #5D59A0, #312D61, #0F1528)
• Hushed Boulevard color palette (#F3F5FC, #E1C7E0, #737B9F, #444B6C, #282A38)
• Wandering Lantern color palette (#DAF6EE, #FFB29E, #568CC2, #346056, #061A16)
• Pale Canyon color palette (#DCF3F8, #00A59B, #AB7318, #686300, #002C34)
• Soft Sapphire Ridge color palette (#F0F6FC, #8DB6F3, #8D6BC4, #006AE6, #151629)

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