Petrol Orchard color palette — #D1E5F8 · #0069A0 · #162640 · #031524 · #02040B
Built around Peacock, softened by Midnight — the whole palette hums with trust and stability.
The five colors
- Frost (#D1E5F8): A whisper-light, dusty blue — the color of open sky before noon.
- Peacock (#0069A0): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#162640): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#031524): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#02040B): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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
- Denim Garden color palette (#EBEFFF, #6354A2, #311C3A, #0E1225, #05030A)
- Lowlit Navy color palette (#E1EFFF, #004583, #241B22, #0A0530, #00030B)
- Muted Cobalt Study color palette (#D8E9E3, #0089C7, #3D3A61, #07281F, #090F0A)
- Hushed Driftwood color palette (#EEF1FF, #8370AF, #3D3A4A, #252736, #16141B)
- Shadow Delta color palette (#E8E8FF, #454C54, #430066, #2B1220, #0C000A)
- Patina Azure color palette (#DBEEE7, #0AA4F5, #73576E, #2D413B, #080F0B)
- Grape Grove color palette (#E2E7F7, #5D06E5, #2B0F3B, #0D042A, #03000F)
- Smoked Nightshade color palette (#D8DFEE, #2900A5, #301118, #0E0020, #000206)
Browse the whole catalog at Explore, or see today's palette.