Quiet Petrol color palette — #F0F5FF · #FC99AD · #4E63AF · #2A3667 · #101A2E
A conversation between Slate and Ballet Pink, giving this palette its sense of creativity and calm.
The five colors
- Ivory (#F0F5FF): bright and airy, almost weightless.
- Ballet Pink (#FC99AD): A luminous, balanced red — the color of embers at dusk.
- Slate (#4E63AF): A full-bodied, balanced violet — the color of twilight just after sunset.
- Navy (#2A3667): A deep, shadowed, balanced violet — the color of wild irises.
- Midnight (#101A2E): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Creativity, Calm, Balance. Tagged luxury, dark, cool.
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
- Grape Veranda color palette (#F4F4FF, #FF9C8B, #824EA3, #482C5A, #191631)
- Denim Workshop color palette (#D9DEEC, #DD8A90, #504B8C, #251F54, #060A1B)
- Feathered Sapphire Grove color palette (#FEF0FB, #FFC7D1, #455DD1, #1A2664, #0F040C)
- Driftwood Atelier color palette (#F8F3FA, #EDC3D8, #9D6D7E, #54475B, #302834)
- Wandering Hollow color palette (#F0F5FF, #B99F55, #293F90, #111E5B, #0F1A2E)
- Quiet Petrol color palette (#EEF6FF, #73D298, #016DB2, #003D67, #051C30)
- Misty Cornflower color palette (#FFF0FC, #F1CB54, #5C83FF, #40579C, #251322)
- Powdered Peony Ridge color palette (#F3F4FF, #C4A9FF, #CF49A9, #8756D6, #300F26)
Browse the whole catalog at Explore, or see today's palette.