Tempered Petrol Ridge color palette — #CCF3F3 · #007C8D · #004557 · #002639 · #0B0B25

Teal takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#CCF3F3): A whisper-light, dusty teal — the color of sea glass.
• Teal (#007C8D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004557): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#002639): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0B0B25): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Tempered Petrol Ridge 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

• Softworn Onyx Corridor color palette (#DEEEE8, #008991, #005E7A, #003B5E, #090042)
• Dusty Pine Garden color palette (#D2E4D5, #008056, #004639, #002725, #001416)
• Ancient Cocoa color palette (#D0EBFF, #00688D, #793500, #003145, #1E0800)
• Cobalt Courtyard color palette (#D0E0F1, #007BD2, #003B60, #001022, #000309)
• Hushed Violet Coast color palette (#D8EEFF, #7EA2DF, #836CD4, #004B58, #011B3E)
• Navy Station color palette (#D7E7EE, #006CAC, #003786, #170077, #16014D)
• Dusty Canyon color palette (#D9EAF6, #00527A, #78003E, #2C3500, #000812)
• Dusty Archive color palette (#D8F1F6, #00A1C7, #006C9D, #004780, #002D71)

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