Misty Petrol color palette — #EAF3FF · #7EA4E4 · #9E8E30 · #3A63A8 · #2E2700
Built around Peacock, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#EAF3FF): bright and airy, almost weightless.
- Cornflower (#7EA4E4): A luminous, balanced violet — the color of wild irises.
- Moss (#9E8E30): A luminous, balanced green — the color of new leaves after rain.
- Peacock (#3A63A8): A full-bodied, balanced violet — the color of twilight just after sunset.
- Espresso (#2E2700): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
Use it as a design system
One click turns Misty 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
- Petrol Dune color palette (#E5F4FF, #5CAFD6, #BA7E4A, #006E94, #3D1E00)
- Muted Grape Loft color palette (#EFF1FF, #AF94DD, #8E934D, #70529E, #282A00)
- Feathered Orchard color palette (#FDF1FD, #91BBED, #A2AE4B, #3882D2, #414703)
- Ultramarine Balcony color palette (#F0F6FF, #889FD3, #2E9F7B, #375CC5, #004F39)
- Hushed Summit color palette (#EBF2FF, #7589D0, #997B36, #796B29, #111E35)
- Muted Atelier color palette (#EBF2FF, #DCD5E2, #E5B4CB, #5E87A0, #282E41)
- Antique Stone Courtyard color palette (#EFF1FD, #9EBF8C, #584D76, #212442, #090B19)
- Nightshade Delta color palette (#D6DFFB, #7E68FF, #707900, #4D00C7, #151800)
Browse the whole catalog at Explore, or see today's palette.