Petrol Orchard color palette — #DDEEFF · #0070B3 · #6A5600 · #00395F · #0B0700
Royal Blue and Coffee set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#DDEEFF): A whisper-light, dusty blue — the color of open sky before noon.
- Royal Blue (#0070B3): A full-bodied, balanced blue — the color of deep harbor water.
- Coffee (#6A5600): A full-bodied, balanced green — the color of a quiet forest floor.
- Navy (#00395F): A deep, shadowed, balanced blue — the color of open sky before noon.
- Ink (#0B0700): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged 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
- Hushed Balcony color palette (#CAE7F6, #00788E, #844600, #003D4A, #100500)
- Sapphire Harbor color palette (#D8E6F9, #2A69CA, #715400, #00347D, #241900)
- Sunlit Aubergine Pier color palette (#D7DFF4, #5F55CD, #4F6000, #320096, #060900)
- Washed Cobalt color palette (#E7DDE7, #3E88DB, #936E00, #00529C, #241900)
- Quiet Veranda color palette (#D4E2FE, #1547CA, #5F4900, #323B07, #000119)
- Bronze Atelier color palette (#C4F0EA, #A07800, #007DA3, #060C17, #000103)
- Timeworn Coral Summit color palette (#D5E2F2, #BAA8DB, #C67386, #005B64, #07042D)
- Chalky Aubergine color palette (#DDE3FF, #905EFF, #757700, #5900BB, #171700)
Browse the whole catalog at Explore, or see today's palette.