Tempered Petrol color palette — #F6EDDF · #6AC7D3 · #00738D · #003F37 · #000306

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

The five colors

• Cream (#F6EDDF): A whisper-light, dusty gold — the color of honey in a jar.
• Aqua (#6AC7D3): A luminous, balanced blue — the color of deep harbor water.
• Teal (#00738D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#003F37): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000306): quiet, heavy and certain.

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

• Sunlit Sapphire color palette (#F6EDDE, #7DBFEA, #0067BF, #003C46, #000015)
• Cobalt Parlor color palette (#FBF4EA, #99D6ED, #0083BD, #005153, #000C20)
• Cerulean Thicket color palette (#F7E7F3, #4198A3, #00516B, #002D21, #00040E)
• Cerulean Lantern color palette (#F4E5DF, #53C2CE, #008EC2, #007144, #000F39)
• Muted Villa color palette (#FCF4E8, #D2E8FE, #00A7E1, #007270, #002644)
• Antique Corridor color palette (#EFF1FF, #D1BBF9, #F26CDF, #005091, #030012)
• Dusty Lapis color palette (#E6EAFF, #5048E4, #9B2B00, #00512E, #01000A)
• Timeworn Turquoise color palette (#FAF4EB, #CBE2FD, #00C5D5, #008C64, #003C4A)

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