Petrol Orchard color palette — #CDE5F9 · #0073A5 · #804900 · #003B57 · #100500
Slate and Bronze set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#CDE5F9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate (#0073A5): A full-bodied, balanced blue — the color of deep harbor water.
- Bronze (#804900): A full-bodied, balanced gold — the color of old brass.
- Deep Teal (#003B57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#100500): A deep, shadowed, dusty gold — the color of old brass.
Feels like: 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
- Timeworn Petrol color palette (#D3F4E3, #007999, #7C4E00, #004052, #281600)
- Hazy Ultramarine Pier color palette (#DBE5F3, #0053C0, #634200, #00255F, #050200)
- Soft Brick Lantern color palette (#D2F3FF, #007984, #A70019, #003E44, #180001)
- Linen Azure Boulevard color palette (#CEE4DB, #28A2DF, #9B4C00, #005981, #2E1200)
- Rust Cabin color palette (#E2F0FF, #4BA3FF, #B83F00, #004E90, #140200)
- Timeworn Nightshade color palette (#E2E9F6, #3C58E2, #6E5400, #1800A4, #0C0700)
- Antique Delta color palette (#D5E1EC, #005D92, #8E0041, #324200, #00040A)
- Violet Terrace color palette (#DBE6F2, #93A6E7, #9B72E3, #005B6C, #000B1E)
Browse the whole catalog at Explore, or see today's palette.