Petrol Orchard color palette — #F1F4E2 · #89C6D8 · #007DA0 · #005157 · #001D2C
Cerulean takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F1F4E2): A whisper-light, dusty green — the color of a quiet forest floor.
- Sky (#89C6D8): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#007DA0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005157): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#001D2C): 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
- Petrol Cabin color palette (#FEF1F9, #77C5DB, #0075AD, #00574D, #153063)
- Worn Lagoon color palette (#F3F3E5, #BDD8BB, #00959A, #006454, #002B30)
- Misty Sapphire color palette (#EFF5E4, #89C1F6, #006DDD, #004D6C, #000857)
- Frosted Cerulean color palette (#E9F9F7, #6FDBFB, #009AC7, #00717B, #003751)
- Hushed Dune color palette (#ECEEE5, #71A5B9, #006085, #003841, #000C18)
- Hushed Navy color palette (#E7EBE0, #4E7EA1, #003D6C, #001D29, #000106)
- Peony Grove color palette (#F5D9D8, #D54996, #8F6B00, #890059, #1E1400)
- Aged Balcony color palette (#F4DBC7, #C17A3A, #8E4300, #5E1F00, #1D0E00)
Browse the whole catalog at Explore, or see today's palette.