Petrol Market color palette — #F8F5EF · #CAE5E8 · #7D9BC4 · #287A8D · #604B5B
Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Ivory (#F8F5EF): a clean, paper-quiet neutral.
- Silver (#CAE5E8): A whisper-light, dusty blue — the color of open sky before noon.
- Blue Fog (#7D9BC4): A luminous, dusty blue — the color of open sky before noon.
- Teal (#287A8D): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal Brown (#604B5B): A full-bodied, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Market 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
- Wandering Turquoise color palette (#F8F5EF, #CAE6DF, #5AA6B7, #3D7C6B, #375146)
- Washed Powder color palette (#FCF2F6, #DBDEED, #9DB0DF, #5D8F9C, #4E5164)
- Dusty Lilac color palette (#FFF1F5, #AE85C7, #B07F3D, #358582, #513B42)
- Wandering Petrol color palette (#F5EDE1, #7CBDCC, #007296, #00504C, #003150)
- Hushed Violet color palette (#FFECF9, #A9A9E4, #8A6EC0, #765588, #66474C)
- Washed Cerulean color palette (#FCF4E8, #98DCE2, #008EA9, #006859, #0C455F)
- Aged Canyon color palette (#F5EBDB, #559D9F, #005360, #003126, #001721)
- Worn Stone color palette (#FFF1F5, #E4D8D2, #CCC098, #A17C8F, #614E50)
Browse the whole catalog at Explore, or see today's palette.