Tempered Petrol Corridor color palette — #EDF4EE · #CADFF3 · #728EBD · #006980 · #1F2B47

Peacock and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EDF4EE): bright and airy, almost weightless.
• Powder Blue (#CADFF3): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#728EBD): A luminous, dusty violet — the color of wild irises.
• Peacock (#006980): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#1F2B47): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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 Pier color palette (#E7F7EA, #A0D7FF, #4284D4, #006070, #141F52)
• Denim Lagoon color palette (#DAE4DC, #57AABB, #00617F, #003A36, #000C18)
• Hushed Iris Ridge color palette (#FBF4ED, #C9E3DB, #7886C3, #007073, #613A4A)
• Aged Villa color palette (#D7E5D9, #3B82A0, #003F65, #001F22, #000106)
• Timeworn Petrol color palette (#E8F6EB, #78CAD6, #007E9C, #005249, #001D2D)
• Lagoon Courtyard color palette (#FCF2F5, #D9D4DE, #A9B8EC, #359293, #3A3C5C)
• Petrol Dune color palette (#FFEAFF, #C47278, #658C52, #3F6CA7, #281728)
• Tempered Taupe color palette (#EAF6EA, #B9AB7E, #5E7F60, #63404F, #0B291D)

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