Tempered Petrol color palette — #FAEBE2 · #61C0D8 · #006DAC · #00523D · #212955

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

The five colors

• Cream (#FAEBE2): A whisper-light, dusty gold — the color of old brass.
• Cyan (#61C0D8): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006DAC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#00523D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Navy (#212955): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Petrol Dune color palette (#DAEEEB, #86BDCE, #007698, #004A51, #001826)
• Hushed Nightshade Veranda color palette (#F6E9DC, #5EA7D6, #314EAB, #003E3C, #231441)
• Cobalt Studio color palette (#FEF3EA, #97CEE8, #4E79B6, #006155, #4F2E42)
• Dusty Cerulean Orchard color palette (#EEF0E2, #97CEDF, #0093BE, #006A74, #003249)
• Worn Teal color palette (#CBE8D8, #00A6A1, #006980, #00426E, #352050)
• Gentle Azure Alley color palette (#C1EBFF, #029EEB, #005A7F, #002B41, #001725)
• Washed Wisteria Canyon color palette (#DAF7E2, #9EC1FA, #C282CD, #007357, #0E392C)
• Lagoon Lantern color palette (#ECDED9, #3DA0A5, #00516C, #003216, #001232)

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