Misty Petrol color palette — #E9F3FF · #76A6E5 · #4BA172 · #3465A3 · #00301A

Built around Peacock, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Ivory (#E9F3FF): bright and airy, almost weightless.
• Cornflower (#76A6E5): A luminous, balanced blue — the color of open sky before noon.
• Fern (#4BA172): A luminous, balanced teal — the color of sea glass.
• Peacock (#3465A3): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#00301A): A deep, shadowed, dusty teal — the color of sea glass.

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

• Muted Moss Veranda color palette (#E3F5FF, #47B3D0, #7F9944, #007088, #212C00)
• Grape Archive color palette (#EFF1FF, #AE96D3, #2A9EAB, #7350A0, #002E32)
• Cobalt Villa color palette (#FCF1FD, #90BBEE, #65B989, #2E81DB, #1E4D34)
• Frosted Ultramarine color palette (#FCF1FC, #80A2CF, #A88335, #1364BD, #563E00)
• Aged Iris Boulevard color palette (#EAF3FF, #678DD2, #9F699D, #007B7C, #111F32)
• Turquoise Studio color palette (#E1F6FF, #48B4C7, #9F7CBB, #007181, #321B42)
• Mallow Pier color palette (#EBF2FF, #DAD3E8, #E2AFD6, #667FA9, #252D41)
• Mulberry Canyon color palette (#EBE6F7, #B976AF, #1E85B6, #832B79, #001F2F)

Browse the whole catalog at Explore, or see today's palette.