Tempered Petrol Field color palette — #E4F1EE · #6AC2C6 · #008492 · #005A53 · #00242C

A conversation between Cerulean and Aqua, giving this palette its sense of trust and stability.

The five colors

• Cream (#E4F1EE): a clean, paper-quiet neutral.
• Aqua (#6AC2C6): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#008492): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005A53): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#00242C): 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 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

• Worn Petrol color palette (#D3EAE7, #56AFCB, #007094, #004951, #001624)
• Cerulean Workshop color palette (#F5F6EB, #88DCE1, #008A99, #00524C, #000F14)
• Antique Bloom color palette (#E5F2F0, #96CFDE, #2793B5, #006B71, #003347)
• Pale Canyon color palette (#E1F2F1, #8AB6E0, #3674C5, #005475, #081A49)
• Linen Byzantium Garden color palette (#D3F2FF, #0097A8, #8F4DCE, #005E68, #270242)
• Antique Lapis Bloom color palette (#D0EFF5, #008395, #5457CC, #006B1A, #001519)
• Feathered Chestnut color palette (#FFE2ED, #B4813F, #8B5008, #612C00, #201300)
• Petrol Market color palette (#E2F2F0, #7FBCCE, #0080A4, #00585F, #002333)

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