Petrol Orchard color palette — #C9F3FD · #007B9D · #004265 · #002347 · #170039
Built around Cerulean, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Frost (#C9F3FD): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#007B9D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#004265): A deep, shadowed, balanced blue — the color of deep harbor water.
- Midnight (#002347): A deep, shadowed, dusty blue — the color of open sky before noon.
- Deep Indigo (#170039): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
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
- Cerulean Field color palette (#D5EAEF, #0093BA, #0072A2, #004781, #040740)
- Hushed Cypress Station color palette (#D9F5EF, #008482, #004952, #002732, #060E21)
- Patina Nightshade color palette (#D1EAE8, #0088A0, #006082, #0900AA, #1A0044)
- Pewter Terrace color palette (#DCE7F5, #A2A7E4, #8763A4, #00445E, #09183D)
- Denim Terrace color palette (#CCEAE1, #0063A0, #6B4000, #002F50, #1A0C00)
- Navy Chapel color palette (#E7EFFF, #256CD0, #00248D, #00093D, #00020B)
- Washed Nightshade Loft color palette (#C3EAFA, #009FDC, #0069B2, #0118BC, #231E73)
- Soft Orchard color palette (#CFE3F3, #005DCF, #1E16B7, #1D0063, #250025)
Browse the whole catalog at Explore, or see today's palette.