Petrol Atelier color palette — #D4E5F1 · #446FA8 · #353E65 · #31102B · #210001
A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Frost (#D4E5F1): A whisper-light, dusty blue — the color of deep harbor water.
- Slate (#446FA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#353E65): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Deep Indigo (#31102B): A deep, shadowed, dusty pink — the color of a candy shop window.
- Ink (#210001): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Petrol Atelier 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
- Softworn Pewter Terrace color palette (#E7E8F8, #705E97, #51355C, #40060B, #180B00)
- Ancient Dune color palette (#D4F6F8, #006D80, #003F5C, #25133F, #1A0320)
- Navy Harbor color palette (#C6EDF7, #335B79, #303262, #350900, #070300)
- Timeworn Bloom color palette (#D5E6EB, #5781A6, #4D4E89, #572213, #1A0D00)
- Weathered Lagoon color palette (#E7E8DB, #009297, #00454D, #00231F, #000C10)
- Periwinkle Field color palette (#D6E6F9, #8097D8, #66608B, #613836, #4C220D)
- Petrol Market color palette (#CCE7CC, #509181, #1F7194, #524600, #001802)
- Obsidian Lapis color palette (#E4EAFF, #5050DB, #200080, #05002D, #01000F)
Browse the whole catalog at Explore, or see today's palette.