Petrol Orchard color palette — #F8ECE4 · #8EBDA7 · #076BB4 · #00504D · #1D285C
Royal Blue and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F8ECE4): bright and airy, almost weightless.
- Mint Leaf (#8EBDA7): A luminous, dusty teal — the color of glacier melt.
- Royal Blue (#076BB4): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00504D): A deep, shadowed, dusty teal — the color of glacier melt.
- Navy (#1D285C): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Hushed Workshop color palette (#FAF4EF, #A7CFC0, #4C78BD, #005F64, #343561)
- Tempered Petrol color palette (#DEEDEB, #90B9D4, #0074A3, #004956, #00172A)
- Powdered Ultramarine Pier color palette (#E9E0D5, #80A2C4, #364AB2, #003D46, #230E4B)
- Hushed Cerulean Cabin color palette (#D1E3E0, #00A0AF, #006A83, #004363, #012960)
- Lilac Meadow color palette (#DDF8ED, #DBB8D7, #B17FD0, #007171, #13324D)
- Denim Archive color palette (#EEE1DB, #4E9CAC, #005070, #003127, #00132F)
- Powdered Cabin color palette (#CEE4DA, #0089BC, #AC4700, #00506F, #471900)
- Chalky Periwinkle color palette (#F9EAF1, #9DDEF9, #56AAF6, #00918C, #202B51)
Browse the whole catalog at Explore, or see today's palette.