Petrol Orchard color palette — #EBF4F3 · #D2DAEF · #7FA1BA · #347583 · #253849
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EBF4F3): a clean, paper-quiet neutral.
- Powder Blue (#D2DAEF): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#7FA1BA): A luminous, dusty blue — the color of deep harbor water.
- Teal (#347583): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Teal (#253849): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Orchard 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 Petrol Study color palette (#E0ECEA, #90BBC9, #007986, #004C46, #001A20)
- Wandering Basin color palette (#FAF4EF, #CCE5E4, #769DC4, #287D79, #64485E)
- Timeworn Ash Grove color palette (#E4F6F9, #CCDBEB, #B6A9B7, #6B9A9F, #283C41)
- Softworn Loft color palette (#DAEBEA, #4A7FA2, #003E6A, #001E28, #000105)
- Teal Loft color palette (#DFF7FA, #52AF9C, #6493B9, #797D46, #122C2F)
- Lagoon Veranda color palette (#C4F0EB, #93CFA8, #4F9977, #1A6751, #144146)
- Aged Cabin color palette (#E7F5F5, #ACD4FE, #5283CB, #005C83, #11214E)
- Tempered Market color palette (#EBF4F3, #D4D9ED, #849FBA, #37748A, #27374B)
Browse the whole catalog at Explore, or see today's palette.