Muted Petrol color palette — #E8FAF2 · #80B9D5 · #C38A69 · #317B9D · #524C47
A conversation between Slate and Caramel, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E8FAF2): A whisper-light, dusty teal — the color of shallow lagoons.
- Sky (#80B9D5): A luminous, dusty blue — the color of a favorite pair of jeans.
- Caramel (#C38A69): A luminous, balanced gold — the color of old brass.
- Slate (#317B9D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal Brown (#524C47): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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
- Muted Petrol color palette (#E5F7EE, #8ABBD3, #C28F6F, #007DA3, #36302B)
- Cypress Cabin color palette (#EDF9EA, #6EC1B5, #C68296, #208377, #68413C)
- Antique Alley color palette (#FFF0F9, #A6ACD9, #A39A65, #666BAC, #614900)
- Timeworn Cerulean color palette (#EBF7FF, #91CEE8, #DBA47B, #009AC4, #684328)
- Hushed Workshop color palette (#E4FBF3, #61A0C8, #B37489, #727D42, #2F4940)
- Hushed Cerulean Garden color palette (#DCFEF3, #A5CBF0, #5C8CB3, #275173, #0B4136)
- Antique Oat color palette (#E5FBF2, #EED8D4, #E7B9B9, #72947D, #5C4F5D)
- Periwinkle Workshop color palette (#FEF0FF, #5AA6FC, #B26C00, #004E93, #553100)
Browse the whole catalog at Explore, or see today's palette.