Tempered Petrol Garden color palette — #E2F3F1 · #79A9C1 · #006E9F · #004856 · #001528

Built around Peacock, softened by Deep Teal — the whole palette hums with trust and stability.

The five colors

• Cream (#E2F3F1): bright and airy, almost weightless.
• Blue Fog (#79A9C1): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006E9F): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004856): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#001528): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Weathered Denim color palette (#E0EBE9, #5B9FA6, #006372, #003C39, #000B10)
• Cobalt Atelier color palette (#DEEEED, #96B5D4, #3274C9, #005475, #091B48)
• Dusty Petrol Garden color palette (#ECF1DF, #65C3F0, #006EA2, #003C49, #000308)
• Linen Navy color palette (#F2E5EB, #429AC1, #004A89, #00302F, #0A0541)
• Patina Azure Field color palette (#EDF8F7, #B8D9F3, #589CD3, #007895, #223C5A)
• Dusty Chestnut Pier color palette (#FFE1EC, #9F743B, #774500, #4D2300, #120900)
• Hushed Aubergine color palette (#FCDDE7, #B3196A, #854A00, #5300BC, #160008)
• Worn Raspberry color palette (#F4E6F9, #CB3273, #786500, #810042, #140F00)

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