Tempered Petrol Archive color palette — #E7F1EF · #81BCCC · #007392 · #004F54 · #003248

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

The five colors

• Cream (#E7F1EF): a clean, paper-quiet neutral.
• Ash (#81BCCC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#007392): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004F54): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Teal (#003248): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Ancient Boulevard color palette (#E3F2F2, #99B4D0, #2566BB, #004B6A, #172B59)
• Tempered Turquoise color palette (#EEF0E2, #95E0F6, #00B5E5, #008F99, #003248)
• Cobalt Villa color palette (#F9EBE4, #A6D0B5, #0090CD, #006D5F, #122D56)
• Sunlit Corridor color palette (#E9F9F8, #AAD4F7, #3D82CB, #006182, #223F6E)
• Hushed Lagoon Boulevard color palette (#D4EAE5, #4B9EA2, #00545D, #00302C, #00171D)
• Aged Petrol Canyon color palette (#EFF7F6, #D4DCEB, #68A2BD, #007D8A, #405567)
• Chalky Mulberry color palette (#E2D9F2, #AA619A, #0071A7, #7E006D, #002C45)
• Mulberry Hollow color palette (#F9F1FF, #EBB0BD, #D47673, #97317D, #4E1E2E)

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