Tempered Petrol Corridor color palette — #F7ECE4 · #82BAD4 · #1D6AB0 · #00504E · #212A54
Royal Blue takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F7ECE4): a clean, paper-quiet neutral.
- Sky (#82BAD4): A luminous, dusty blue — the color of a favorite pair of jeans.
- Royal Blue (#1D6AB0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Navy (#212A54): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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
- Aged Field color palette (#F9EBE5, #9BBBA0, #007390, #00523A, #003051)
- Petrol Coast color palette (#DFECEB, #95B9D0, #0073A6, #004957, #00172B)
- Timeworn Boulevard color palette (#FEF3E9, #ABCEC2, #5477B8, #005F66, #4F2E43)
- Aged Lilac color palette (#D6F4E6, #ACC3F1, #B389C7, #007272, #1C395B)
- Hushed Spruce Field color palette (#EDDDD5, #5FAEAA, #006272, #004122, #002334)
- Faded Cabin color palette (#FFF2EC, #9CDBDD, #008EAB, #006A46, #004468)
- Worn Azure color palette (#D6E9FF, #4991DD, #00578A, #002A4A, #001833)
- Weathered Periwinkle Grove color palette (#F6EBF0, #A4DCF8, #54A8FF, #00918F, #232A4F)
Browse the whole catalog at Explore, or see today's palette.