Tempered Petrol color palette — #E0F3F0 · #6CC0D0 · #00748D · #004F52 · #003345

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

The five colors

• Cream (#E0F3F0): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#6CC0D0): A luminous, balanced blue — the color of open sky before noon.
• Teal (#00748D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004F52): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Teal (#003345): 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 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

• Muted Terrace color palette (#EDF8F6, #95CFE5, #0083B1, #005E6A, #1E3D56)
• Worn Loft color palette (#D3E9E8, #6BA7C9, #005C8F, #003C4B, #00203F)
• Turquoise Delta color palette (#D2F9FC, #83DDCF, #27B7BF, #2E6E4E, #10383D)
• Weathered Lagoon Terrace color palette (#D7EBE6, #00A3A6, #00545B, #00302B, #00171D)
• Wandering Ash color palette (#EDF8F6, #D3DDEF, #6AA2BA, #40797F, #415565)
• Pale Azure color palette (#F4ECF2, #A3DFEA, #37AFF4, #009568, #1B295A)
• Worn Cypress color palette (#CCF3E3, #007E60, #00668F, #564E00, #00261B)
• Emerald Villa color palette (#D9E6D2, #29A514, #006E24, #004B2A, #003130)

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