Tempered Petrol color palette — #CCF5F0 · #007681 · #004962 · #002339 · #000328

Teal and Ink set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#CCF5F0): A whisper-light, dusty teal — the color of sea glass.
• Teal (#007681): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#004962): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#002339): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000328): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Weathered Petrol Grove color palette (#E2F4F8, #007D98, #005571, #00334B, #121835)
• Lagoon Atelier color palette (#CBE7D6, #008870, #005554, #002E37, #000A12)
• Wandering Turquoise color palette (#CEF0F8, #00ADD2, #006786, #003851, #000914)
• Cellar Onyx color palette (#CAF5FF, #00688B, #003A5F, #0B0058, #040016)
• Hushed Lilac color palette (#DDECF8, #98B4F3, #A97CB4, #005C5D, #00102A)
• Muted Loft color palette (#DDF2FF, #007699, #7F4900, #003C50, #100500)
• Timeworn Cobalt Corridor color palette (#D3E4F5, #2E7ECC, #00457F, #001D33, #000105)
• Cocoa Workshop color palette (#D4EBFB, #005F88, #793600, #563200, #000409)

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