Tempered Petrol Corridor color palette — #F1F3EB · #CAE3D7 · #5A95B8 · #006A7B · #00352A

A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Cream (#F1F3EB): bright and airy, almost weightless.
• Silver (#CAE3D7): A whisper-light, dusty teal — the color of glacier melt.
• Slate Blue (#5A95B8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006A7B): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#00352A): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Softworn Orchard color palette (#E8F6EF, #5FAFD0, #749C48, #006F8F, #1B2E02)
• Weathered Denim Coast color palette (#E2E7D6, #5D90B3, #004C80, #002A37, #000410)
• Feathered Chapel color palette (#DBFAEC, #4B98BA, #856FBC, #007F59, #012519)
• Antique Cobalt color palette (#FCF2F7, #BCE2FB, #548EC9, #00716E, #3C485E)
• Tempered Cypress color palette (#F4F3DF, #74CDC6, #008284, #005344, #001F22)
• Antique Cerulean Corridor color palette (#E5F7F1, #FFDAE5, #BAC2F3, #448CB1, #3C273D)
• Cobalt Archive color palette (#D1FDF0, #95C0E7, #4181B7, #00426C, #001428)
• Wandering Cocoa Canyon color palette (#F8F1E5, #B8AA8A, #857341, #624709, #2B2202)

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