Petrol Orchard color palette — #E2F2EF · #6CC0CC · #008299 · #005958 · #00242F
Built around Cerulean, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Cream (#E2F2EF): a clean, paper-quiet neutral.
- Cyan (#6CC0CC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#008299): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005958): A full-bodied, dusty teal — the color of glacier melt.
- Midnight (#00242F): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Dusty Basin color palette (#D2E3E2, #68BBED, #007AC0, #00566C, #001F41)
- Muted Alley color palette (#D8E3DA, #6EAAB2, #006179, #003F37, #002235)
- Weathered Cerulean Corridor color palette (#E7DED0, #85CED8, #00A2C7, #007E71, #002235)
- Hazy Boulevard color palette (#FDF1FB, #95D9E4, #0083BC, #005437, #010433)
- Hazy Delta color palette (#E3FBF8, #95EAFE, #00ACD4, #008287, #00465F)
- Hushed Boulevard color palette (#E3FBFA, #95D3FF, #0090F1, #006D8E, #11325F)
- Feathered Wisteria color palette (#DEDEF5, #CFB9FF, #BF88D7, #505E9B, #281F40)
- Amethyst Studio color palette (#E9EBFF, #6B4EF9, #B02779, #006376, #0F0B2D)
Browse the whole catalog at Explore, or see today's palette.