Petrol Orchard color palette — #C5E9F2 · #0081A1 · #004F68 · #003049 · #101532
A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.
The five colors
- Frost (#C5E9F2): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#0081A1): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#004F68): A deep, shadowed, dusty blue — the color of open sky before noon.
- Deep Teal (#003049): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#101532): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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 Petrol color palette (#D7E8F3, #006CAB, #00437D, #001D4D, #150030)
- Dusty Lagoon color palette (#D4F1E4, #008670, #00534A, #003935, #002323)
- Ancient Thicket color palette (#D2F1EE, #00A0B1, #006C89, #00456F, #0B165B)
- Washed Fern Harbor color palette (#D5EAFB, #0076A6, #2D6A00, #003E5A, #092100)
- Quiet Iris Bloom color palette (#CBE4FF, #9BB7EB, #797CD6, #004B70, #0A1F41)
- Softworn Aubergine color palette (#D4E3F0, #005F95, #6C1C98, #00483D, #001323)
- Patina Basin color palette (#D6EFFF, #67B2DC, #107BB4, #21598B, #294668)
- Nightshade Courtyard color palette (#E3EDFF, #4869D5, #3528BD, #2B0082, #220B4D)
Browse the whole catalog at Explore, or see today's palette.