Tempered Petrol color palette — #CAF4F8 · #007E8F · #005062 · #00303E · #0B152B

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

The five colors

• Frost (#CAF4F8): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#007E8F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005062): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Forest (#00303E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0B152B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, 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

• Cerulean Coast color palette (#D1E4E3, #0098A6, #006A7E, #004159, #00213C)
• Dusty Cobalt Thicket color palette (#CCE5F6, #0088C2, #00486E, #001D2D, #000A14)
• Ancient Mulberry color palette (#DBEBF6, #00789D, #900098, #003F55, #300033)
• Aged Pine Balcony color palette (#D9F6E2, #008B5E, #005C46, #003A30, #002522)
• Misty Aubergine color palette (#CCE7F8, #00618B, #651BA4, #004938, #001420)
• Quiet Cornflower color palette (#DAEBF7, #82B0EA, #637DD8, #004E66, #0A2136)
• Sunlit Studio color palette (#D1EAFB, #059BEE, #0063AE, #003989, #33195D)
• Frosted Turquoise color palette (#AAEDFF, #00B8E3, #008AB5, #1B5E82, #393F62)

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