Petrol Orchard color palette — #DEF1FD · #0074B0 · #004C83 · #00214E · #000235
Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Frost (#DEF1FD): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#0074B0): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#004C83): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#00214E): A deep, shadowed, balanced blue — the color of open sky before noon.
- Ink (#000235): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged 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
- Gentle Navy Field color palette (#D0F0F7, #0081A7, #004A83, #0A197F, #22184F)
- Worn Petrol color palette (#D9F5F6, #008090, #004F5F, #002531, #000E17)
- Weathered Navy color palette (#D4F5FB, #00A8D6, #00609C, #02289A, #0B0031)
- Cobalt Quarry color palette (#C7E4FF, #76B1EF, #3B73D6, #344F90, #222949)
- Misty Grove color palette (#DFEDFF, #0065D6, #A0005D, #003372, #160008)
- Muted Veranda color palette (#D1E2F5, #0065D3, #0A00C6, #160073, #07002D)
- Airy Violet color palette (#D4DFF4, #AEB0E8, #9B69E1, #0A418F, #0A0726)
- Tempered Grove color palette (#DBDDF4, #4B39C5, #88005F, #00434F, #030017)
Browse the whole catalog at Explore, or see today's palette.