Petrol Delta color palette — #E7FAF3 · #4BA8A8 · #5365A8 · #495400 · #224153
A conversation between Slate and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E7FAF3): A whisper-light, dusty teal — the color of sea glass.
- Turquoise (#4BA8A8): A luminous, balanced teal — the color of glacier melt.
- Slate (#5365A8): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Olive (#495400): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Teal (#224153): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Creativity, Calm, Balance. Tagged retro, muted, cool.
Use it as a design system
One click turns Petrol Delta 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
- Patina Forest Courtyard color palette (#E7FAF9, #78B1C7, #7E6C9F, #1D6940, #37495E)
- Petrol Market color palette (#FFF1F6, #6CA784, #14729C, #753D00, #17444C)
- Hushed Cypress color palette (#ECF9F3, #8BBAB7, #27837C, #3B5D7D, #264A48)
- Weathered Indigo Villa color palette (#FAF0E1, #55A3E0, #635CB7, #673917, #2D1C2C)
- Iris Hollow color palette (#EAFAED, #6EB9F4, #7E7BCB, #905122, #2F3E52)
- Quiet Grove color palette (#D3EFC4, #008AAB, #6800BF, #204200, #002A4F)
- Faded Cobalt color palette (#D5F7F3, #6C81CC, #843F66, #004A4B, #35294A)
- Timeworn Cobalt color palette (#DBE5F4, #4A6EB9, #313044, #141F30, #090D16)
Browse the whole catalog at Explore, or see today's palette.