Tempered Petrol color palette — #F9EEF7 · #7ACAD5 · #007BAB · #005534 · #01114B

Cerulean takes the lead with Deep Indigo close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F9EEF7): a clean, paper-quiet neutral.
• Aqua (#7ACAD5): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#007BAB): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#005534): A deep, shadowed, balanced teal — the color of glacier melt.
• Deep Indigo (#01114B): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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

• Worn Aqua color palette (#E6FCEA, #00CFE2, #007A97, #00574D, #003752)
• Sapphire Basin color palette (#FCEDF3, #6DC7F6, #1162F5, #00524C, #1C0C40)
• Faded Cornflower color palette (#FEECF3, #ACD6F4, #5B7AE3, #006261, #2A1B44)
• Hushed Denim color palette (#EDDEE8, #61A9B7, #005E8C, #003B28, #02022F)
• Washed Workshop color palette (#FFF2EC, #35E3F4, #0098CF, #007747, #0D2E6D)
• Washed Boulevard color palette (#FEF4E4, #D6E0FA, #00AAD1, #007467, #00283D)
• Softworn Summit color palette (#F5ECFE, #992EDD, #007662, #005F5D, #180029)
• Hushed Navy color palette (#EBDFE5, #4B8097, #003A77, #00201A, #01000A)

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