Tempered Petrol Drift color palette — #EFF4E8 · #60A383 · #0775B0 · #424572 · #261719

Cerulean and Jade set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EFF4E8): a clean, paper-quiet neutral.
• Jade (#60A383): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#0775B0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#424572): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#261719): A deep, shadowed, dusty red — the color of embers at dusk.

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

Use it as a design system

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

• Weathered Ultramarine Studio color palette (#EBF5EB, #369797, #525DAF, #553964, #261613)
• Timeworn Corridor color palette (#F4F2E6, #778D4B, #007A7C, #255272, #1E170B)
• Tempered Cypress color palette (#FDEDF0, #AF80B3, #007E84, #244C6E, #23141C)
• Petrol Workshop color palette (#FAEFEA, #C47E71, #4F63A3, #5E426D, #2A1715)
• Frosted Alley color palette (#EAF6E4, #008A79, #0051A1, #45127C, #200116)
• Ancient Pine color palette (#F8F2DF, #A5B37B, #598653, #1E5B67, #2E2D1C)
• Weathered Chapel color palette (#EEF8EF, #A97D00, #615B9B, #484670, #39323E)
• Wandering Cabin color palette (#F8F5EC, #C8BC6A, #00ADBD, #7E588E, #2E2418)

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