Muted Petrol color palette — #F1F7F3 · #CBDEE1 · #CAB5C3 · #00778E · #31453A
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F1F7F3): bright and airy, almost weightless.
- Silver (#CBDEE1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Rosewood Mist (#CAB5C3): A luminous, dusty pink — the color of a candy shop window.
- Teal (#00778E): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#31453A): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Aged Cobalt color palette (#F9F3F8, #E2D8D8, #D1BAB4, #5173B1, #4D454C)
- Dusty Cabin color palette (#EBF3F9, #D1D6E9, #A9C2DB, #007696, #19272F)
- Denim Canyon color palette (#E8F1ED, #D2C9D2, #B198A6, #005D7B, #1B3429)
- Patina Alley color palette (#F2F7ED, #CBDFDA, #A1C6B4, #007D60, #2F4905)
- Antique Turquoise Bloom color palette (#EAF8FF, #D6D9E8, #B9A6AB, #4EB4CC, #33424A)
- Cypress Basin color palette (#FAF6E0, #86AF88, #007C62, #005B6D, #224325)
- Antique Chestnut Bloom color palette (#DBF4D0, #7DB4CD, #747BA7, #755000, #364E17)
- Navy Field color palette (#EAE4EB, #C3B4BD, #A7828E, #00457E, #28182B)
Browse the whole catalog at Explore, or see today's palette.