Tempered Petrol color palette — #EFF8F1 · #DAD5DF · #85A6E5 · #007B99 · #262953

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

The five colors

• Ivory (#EFF8F1): a clean, paper-quiet neutral.
• Silver (#DAD5DF): a clean, paper-quiet neutral.
• Cornflower (#85A6E5): A luminous, balanced violet — the color of wild irises.
• Teal (#007B99): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#262953): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Washed Lantern color palette (#EEF8F0, #D6D6E5, #61B3CD, #008172, #033249)
• Hazy Azure Summit color palette (#EBFAED, #D5E0F4, #24A0FB, #00717C, #031F58)
• Lagoon Dune color palette (#FCF2F5, #CDE3F8, #9FACF1, #009FA5, #442F5B)
• Weathered Petrol Archive color palette (#E1F4E5, #81C2D7, #006F9D, #003E3E, #000309)
• Softworn Ash Summit color palette (#F5F3FF, #E2D6DF, #A8B2A3, #9289BD, #3D324E)
• Aged Wisteria color palette (#F5F3FF, #CD86E0, #BD8C30, #009095, #1C1533)
• Wandering Cobalt color palette (#FAF4EC, #A6CFC4, #5376BD, #005C74, #33375C)
• Faded Atelier color palette (#F3F4FF, #C0ADFF, #AA7CDC, #754285, #462144)

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