Tempered Petrol color palette — #E2F2EF · #70C7CB · #007581 · #003E39 · #000305

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

The five colors

• Cream (#E2F2EF): a clean, paper-quiet neutral.
• Aqua (#70C7CB): A luminous, balanced teal — the color of sea glass.
• Teal (#007581): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#003E39): A deep, shadowed, dusty teal — the color of sea glass.
• 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

• Timeworn Study color palette (#E1F2F1, #83BEE9, #0069B5, #003B4E, #00020C)
• Weathered Lantern color palette (#ECF8F6, #82DBF3, #0087AB, #005056, #000F18)
• Aged Lagoon color palette (#EAE1D2, #49989B, #005361, #002D23, #000509)
• Aqua Market color palette (#F6E7F1, #00C8CE, #0091B1, #00704C, #001626)
• Softworn Bloom color palette (#E5FBF7, #C4E2F9, #00ABCD, #007273, #002937)
• Chalky Meadow color palette (#EBDDE5, #C16C38, #832E00, #440500, #040002)
• Soft Orchid color palette (#E4DEF9, #B548BD, #955500, #63006A, #030100)
• Timeworn Grape Parlor color palette (#E8E2F4, #9E4BD9, #8000A8, #42004A, #070006)

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