Petrol Orchard color palette — #E1F2F1 · #7ABFEE · #006BB1 · #003B4D · #00020B
Built around Royal Blue, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#E1F2F1): bright and airy, almost weightless.
- Sky (#7ABFEE): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#006BB1): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#003B4D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#00020B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Cypress Hollow color palette (#E4F2EE, #6FC8C8, #00757E, #003F37, #000304)
- Lilac Terrace color palette (#E7F1FF, #BACAFF, #A492FF, #00619B, #00001B)
- Weathered Market color palette (#DCEAFE, #0062CE, #8C009C, #004E4B, #000105)
- Linen Plum Cabin color palette (#D5E5F6, #0080DE, #B5007F, #003D6E, #040002)
- Hushed Navy color palette (#F2E8D9, #5B91B3, #00498A, #002B32, #01001E)
- Airy Periwinkle Market color palette (#CBE0FF, #579BFF, #0053A9, #001234, #000105)
- Dusty Cornflower Corridor color palette (#F8E4EB, #66BAEC, #2C7EF3, #006C71, #0F063D)
- Periwinkle Alley color palette (#EDF8F7, #DADCE7, #5FA9FF, #1078A1, #1E2F47)
Browse the whole catalog at Explore, or see today's palette.