Tempered Petrol Quarry color palette — #E3F2F0 · #7CBCD5 · #00719B · #004E59 · #00314D

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

The five colors

• Cream (#E3F2F0): a clean, paper-quiet neutral.
• Sky (#7CBCD5): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#00719B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004E59): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Teal (#00314D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered 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

• Wandering Petrol color palette (#F2E5EC, #90BAD2, #1970AD, #004C47, #040C42)
• Patina Dune color palette (#ECF8F7, #A3CAE9, #3F7EAF, #005C73, #1D3C5E)
• Linen Azure Canyon color palette (#EEF0E7, #B1E0C8, #0EB2F1, #008EA1, #04314C)
• Cerulean Parlor color palette (#DAEDEA, #499DAA, #005363, #003030, #001720)
• Tempered Ash Market color palette (#EDF8F7, #D5DCED, #739FBF, #4A758A, #3E556C)
• Chestnut Lantern color palette (#FFE5EF, #F1C688, #AC9A5A, #8C4C27, #1E351D)
• Gentle Pine Cabin color palette (#F7D2E5, #C0601B, #008032, #743300, #00330F)
• Muted Corridor color palette (#FDDFEF, #AA4B00, #5D6500, #880066, #371300)

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