Petrol Orchard color palette — #EEF7FB · #D8D8E3 · #AFB2C6 · #006F8A · #303D44
A conversation between Peacock and Ash, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EEF7FB): bright and airy, almost weightless.
- Silver (#D8D8E3): a clean, paper-quiet neutral.
- Ash (#AFB2C6): A luminous, dusty violet — the color of twilight just after sunset.
- Peacock (#006F8A): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#303D44): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Washed Petrol Grove color palette (#EAF5F0, #C4DBDF, #C1B2BD, #316C86, #18231E)
- Washed Pewter color palette (#C9EDF7, #8CAECE, #8A6B93, #345B51, #204246)
- Ultramarine Terrace color palette (#EFF6FF, #CDD0ED, #C496B5, #2551B7, #273346)
- Antique Abyss Field color palette (#D8E1E8, #B1B9C8, #8A8AAD, #004B67, #0F212D)
- Grape Basin color palette (#F3F4FE, #E2D5DF, #CCB2CD, #7752B5, #3D3F4D)
- Cypress Studio color palette (#E7FAF1, #76A97D, #007367, #264F6D, #0F3D3A)
- Worn Corridor color palette (#EFF7F3, #E4D9DC, #CFBCBD, #64AAC6, #2F3F37)
- Ultramarine Terrace color palette (#DAE3EF, #0061BA, #212241, #051425, #03050B)
Browse the whole catalog at Explore, or see today's palette.