Petrol Bloom color palette — #DFEDCF · #459588 · #257190 · #64342A · #220400
A conversation between Teal and Fern, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#DFEDCF): A whisper-light, dusty green — the color of fresh herbs.
- Fern (#459588): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#257190): A full-bodied, balanced blue — the color of deep harbor water.
- Cocoa (#64342A): A deep, shadowed, dusty orange — the color of toasted spice.
- Ink (#220400): 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 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
- Garnet Ridge color palette (#F1E9C7, #6A9350, #1B7B78, #762F4E, #250002)
- Weathered Alley color palette (#CFFAF1, #3B94BE, #56639B, #5B4317, #011A05)
- Softworn Emerald color palette (#E0EFE9, #5D9960, #00735B, #464E00, #000807)
- Muted Summit color palette (#D6EFE3, #008B7F, #00696E, #004856, #000912)
- Pale Plum Veranda color palette (#CEF3FF, #007F82, #BD0045, #7C4C00, #000202)
- Wandering Rust Villa color palette (#CCECF6, #009095, #B74A00, #006164, #100200)
- Navy Basin color palette (#D1E7E6, #348594, #0C5D7B, #34225F, #1C0429)
- Petrol Ridge color palette (#EFE1EB, #53B1B8, #0081A1, #006045, #000A17)
Browse the whole catalog at Explore, or see today's palette.