Petrol Bloom color palette — #E5ECDA · #5B9CB2 · #5B62AB · #4F461A · #25360C
A conversation between Slate and Slate Blue, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E5ECDA): A whisper-light, dusty green — the color of new leaves after rain.
- Slate Blue (#5B9CB2): A luminous, dusty blue — the color of open sky before noon.
- Slate (#5B62AB): A full-bodied, balanced violet — the color of wild irises.
- Deep Olive (#4F461A): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Deep Forest (#25360C): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Petrol Bloom 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
- Aubergine Workshop color palette (#CDEAE4, #458DBB, #6E4697, #353E00, #1E2B0E)
- Hushed Basalt color palette (#E2F8D8, #7C9676, #456B92, #544300, #31322B)
- Fern Dune color palette (#DBEACA, #89AA99, #7971AC, #675500, #334800)
- Timeworn Azure Garden color palette (#CEF3FF, #5796D5, #525D80, #5A2B1F, #2F1A00)
- Worn Studio color palette (#C3E8F3, #78B1E1, #797EA8, #844923, #3D3832)
- Ancient Petrol Corridor color palette (#FAEBE6, #83BDC1, #007297, #00532A, #182E4F)
- Weathered Plum Bloom color palette (#CFE5E8, #7C96CD, #9E448E, #006047, #004446)
- Weathered Iris Balcony color palette (#D2E6E5, #85BAE0, #9291C9, #836F3D, #403104)
Browse the whole catalog at Explore, or see today's palette.