Petrol Corridor color palette — #FAF4EF · #CAE7EA · #8499C4 · #2B7B85 · #634A58
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FAF4EF): a clean, paper-quiet neutral.
- Frost (#CAE7EA): A whisper-light, dusty blue — the color of open sky before noon.
- Blue Fog (#8499C4): A luminous, dusty violet — the color of a velvet chair.
- Teal (#2B7B85): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal Brown (#634A58): A full-bodied, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns 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
- Patina Cerulean color palette (#F4F6EE, #C3EAEF, #C4A5C7, #5F8EA4, #5E4C5D)
- Timeworn Turquoise color palette (#FBF3F0, #CBE8E1, #51A6C1, #4B7A65, #355149)
- Timeworn Lilac Harbor color palette (#F6F6EB, #9FBA86, #A288D6, #5F7D42, #644151)
- Antique Petrol color palette (#F9EBE4, #78BDCE, #00709F, #005145, #102D56)
- Abyss Market color palette (#FBECE5, #559DA0, #005266, #003220, #001626)
- Cobalt Delta color palette (#FDF3ED, #A8CFBD, #3D7CB8, #00605D, #4B3045)
- Muted Iris color palette (#F8F7DF, #88A364, #9579C0, #946291, #43433C)
- Antique Pier color palette (#F6E9DD, #70A6C7, #0051B5, #003D40, #191747)
Browse the whole catalog at Explore, or see today's palette.