Quiet Petrol color palette — #E6FBF3 · #0072A2 · #005175 · #61102C · #162507
Built around Slate, softened by Mulberry — the whole palette hums with nature and growth.
The five colors
- Ivory (#E6FBF3): A whisper-light, dusty teal — the color of sea glass.
- Slate (#0072A2): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005175): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Mulberry (#61102C): A deep, shadowed, balanced red — the color of a theater curtain.
- Onyx (#162507): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Quiet 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
- Linen Market color palette (#F3F8E6, #007B41, #005666, #641142, #1E2308)
- Quiet Lagoon color palette (#FFEADC, #009C86, #2C5C93, #6A2A06, #00383E)
- Frosted Cobalt color palette (#FFF0FA, #6A75C0, #4C5591, #77292C, #233221)
- Petrol Courtyard color palette (#D7E9DE, #006E85, #321E2F, #02190D, #000604)
- Feathered Studio color palette (#FFF0FB, #505DB9, #673271, #5E163A, #1C2201)
- Powdered Garden color palette (#EAFAED, #00747D, #4E3593, #463100, #0C2714)
- Sunlit Aubergine Courtyard color palette (#E2F6F9, #007765, #742587, #5F0301, #000B07)
- Timeworn Cypress color palette (#F2F7F0, #CDDDDC, #BDAEBB, #1F726A, #353D32)
Browse the whole catalog at Explore, or see today's palette.