Muted Petrol color palette — #E9EADD · #9BBE9F · #007987 · #004C47 · #001A20
Built around Teal, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Parchment (#E9EADD): a clean, paper-quiet neutral.
- Sage (#9BBE9F): A luminous, dusty green — the color of fresh herbs.
- Teal (#007987): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C47): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001A20): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Muted Petrol 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
- Petrol Boulevard color palette (#E8EAE2, #8BC0B0, #2B6DB0, #004760, #011338)
- Aged Corridor color palette (#F1F3EC, #AFD1BA, #0589A8, #005B5E, #002433)
- Aged Ridge color palette (#EEF1E3, #70A5B8, #006082, #003840, #000C17)
- Softworn Abyss Terrace color palette (#E1E4D4, #498292, #004257, #001F22, #000103)
- Periwinkle Parlor color palette (#D0F0DD, #8FD3F6, #6AA0DA, #006F7A, #001E29)
- Quiet Coast color palette (#D5E7D9, #00909E, #834AB7, #005059, #1C0032)
- Hazy Ultramarine Market color palette (#D9F0DC, #007A80, #3051C2, #2C5900, #000E0F)
- Chestnut Quarry color palette (#F0DFD0, #A08056, #7B4700, #4E2400, #160C00)
Browse the whole catalog at Explore, or see today's palette.