Muted Petrol color palette — #F5F0F5 · #E0D2D5 · #C5B0BF · #2666A9 · #251E25
A conversation between Peacock and Rosewood Mist, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F5F0F5): a clean, paper-quiet neutral.
- Silver (#E0D2D5): a clean, paper-quiet neutral.
- Rosewood Mist (#C5B0BF): A luminous, dusty pink — the color of a candy shop window.
- Peacock (#2666A9): A full-bodied, balanced blue — the color of deep harbor water.
- Onyx (#251E25): a grounded near-black with real depth.
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
- Tempered Petrol color palette (#F0F6FB, #DAD7E6, #B0B2C5, #316894, #343B42)
- Grape Lagoon color palette (#FDEDF4, #E6CCD4, #CB9DA7, #6A32BA, #26131C)
- Timeworn Cerulean color palette (#EFF7F5, #DED4D1, #A4A79B, #5290C2, #23322E)
- Tempered Quarry color palette (#E7E0E6, #BEADB9, #A38295, #193B8F, #110710)
- Inked Ultramarine Parlor color palette (#F1DFEB, #5559AF, #371A2A, #170612, #040104)
- Hushed Parlor color palette (#FAEEF0, #E5D2CA, #D8B6B3, #9B4197, #321F22)
- Dusty Studio color palette (#FFDEEB, #CA9BA6, #886568, #6C4434, #3F260F)
- Hushed Garnet color palette (#FCE3DA, #7B81CF, #664A90, #6E0025, #171232)
Browse the whole catalog at Explore, or see today's palette.