Petrol Orchard color palette — #FFEDE8 · #7BCBCF · #007DA3 · #005528 · #00183C
A conversation between Cerulean and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFEDE8): A whisper-light, dusty orange — the color of autumn markets.
- Aqua (#7BCBCF): A luminous, dusty teal — the color of sea glass.
- Cerulean (#007DA3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#005528): A deep, shadowed, balanced teal — the color of glacier melt.
- Midnight (#00183C): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, 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
- Antique Cobalt Garden color palette (#FEEEE5, #7EC6E6, #3071C4, #005348, #180B46)
- Wandering Petrol Drift color palette (#FCF4E7, #6CC9CC, #007B8E, #005846, #00394C)
- Dusty Denim color palette (#E9DDD9, #5AABB2, #006083, #003C20, #000825)
- Misty Pine Lantern color palette (#FEF0FE, #97D8DB, #009AC7, #00783A, #00316A)
- Hushed Courtyard color palette (#EBFAED, #CADDFC, #00ACC6, #00755E, #002938)
- Ancient Navy color palette (#ECE0D9, #3D8396, #003E68, #002017, #01000B)
- Tempered Fern color palette (#E9E0CF, #8B8B00, #2D6A00, #00412D, #001D19)
- Timeworn Byzantium Quarry color palette (#D8E8DE, #008753, #971EB2, #8B005A, #001308)
Browse the whole catalog at Explore, or see today's palette.