Tempered Petrol color palette — #E0F3EF · #75C6D0 · #007487 · #003E3D · #000305

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

The five colors

• Cream (#E0F3EF): A whisper-light, dusty teal — the color of glacier melt.
• Aqua (#75C6D0): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007487): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003E3D): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000305): a grounded near-black with real depth.

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

• Hazy Courtyard color palette (#DAF4F4, #86BCF0, #1F65BE, #003A53, #000016)
• Softworn Cobalt Canyon color palette (#EBF8F7, #92D8F1, #0085B2, #00505A, #000E1A)
• Timeworn Cerulean color palette (#F8E7F3, #7EBCC3, #0090B9, #007055, #00152A)
• Dusty Garden color palette (#EFDDD4, #309AA5, #00516A, #002D20, #00040E)
• Muted Azure Quarry color palette (#E9F9F7, #CADFF5, #00A9D7, #00717A, #00283B)
• Lapis Parlor color palette (#E0E3FB, #5741EA, #9C006F, #004B58, #01000A)
• Navy Meadow color palette (#EAECFF, #D2C7FF, #B587CB, #374998, #040015)
• Hazy Ultramarine color palette (#D7EBFF, #037FF1, #0031CE, #130086, #01000F)

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