Petrol Orchard color palette — #D4E5E3 · #72AAC6 · #006E9F · #004856 · #001528
A conversation between Peacock and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Silver (#D4E5E3): a clean, paper-quiet neutral.
- Blue Fog (#72AAC6): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006E9F): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004856): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#001528): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Softworn Ultramarine Garden color palette (#DBEAEA, #72A7D9, #0062C9, #004563, #010645)
- Antique Denim color palette (#DEF2EE, #53A0A6, #006470, #003C38, #000B10)
- Muted Petrol Boulevard color palette (#EDF0E3, #69C3EC, #006FA0, #003C48, #000308)
- Iris Bloom color palette (#D6E9FD, #AEA5E7, #8085EB, #005C82, #00142D)
- Cornflower Lantern color palette (#F6EAE2, #75BADA, #0085E8, #006D6B, #0A0C38)
- Navy Grove color palette (#F9EBF2, #5699B8, #004A88, #00302F, #0A0641)
- Petrol Alley color palette (#BEE8F1, #00829E, #005F7A, #003A54, #001828)
- Dusty Delta color palette (#EEF7F7, #BDD8EE, #689BC5, #1B7791, #1F3C5C)
Browse the whole catalog at Explore, or see today's palette.