Petrol Orchard color palette — #F1F7F2 · #DADDED · #7E9AC7 · #017B95 · #45526D
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#DADDED): A whisper-light, dusty violet — the color of a velvet chair.
- Blue Fog (#7E9AC7): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#017B95): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#45526D): A full-bodied, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, 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
- Ancient Balcony color palette (#F7EFF2, #D9D0E3, #8A9ACE, #357777, #323448)
- Hushed Lagoon color palette (#F9F4EF, #CCE6E9, #A1AFE0, #429596, #644A55)
- Petrol Summit color palette (#E9F1EA, #8FB8CD, #00719A, #00504E, #003053)
- Washed Cypress Pier color palette (#F1F7F2, #BFE4EC, #4798A1, #007453, #2A4D5E)
- Wandering Abyss color palette (#E6F0E8, #5B9CA0, #005362, #003128, #001722)
- Rust Terrace color palette (#E5FBF6, #83A372, #648CBE, #A65E64, #284A44)
- Hushed Olive color palette (#E8FAF5, #A3B989, #A48CC4, #607E32, #484A69)
- Ancient Chestnut color palette (#FFF1F7, #ABBEA9, #997485, #7B5245, #394E3E)
Browse the whole catalog at Explore, or see today's palette.