Petrol Orchard color palette — #F8F5EF · #CDE2E4 · #7D9BC3 · #167B90 · #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 (#CDE2E4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Blue Fog (#7D9BC3): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#167B90): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- 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 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
- Cypress Alley color palette (#F8F5EF, #CDE2DE, #63A3BB, #008075, #2C5347)
- Weathered Powder color palette (#FAF3F5, #DADEED, #9BB0E5, #559390, #4E5164)
- Blush Grove color palette (#F0F8EE, #7DBEB5, #CB7F93, #00847A, #67423C)
- Cerulean Field color palette (#FAF4EB, #A0DADF, #008EA9, #006859, #004661)
- Ancient Petrol color palette (#F5EDE1, #96BCA3, #007296, #00504C, #003150)
- Patina Lagoon Basin color palette (#EBE2D6, #529DA0, #005360, #003126, #001721)
- Patina Basin color palette (#F5EEE3, #77A5C1, #04589C, #003D46, #081751)
- Bronze Boulevard color palette (#EDF9EC, #64A5A2, #9A7BAE, #9B6B27, #364835)
Browse the whole catalog at Explore, or see today's palette.