Misty Petrol Coast color palette — #E7FAF4 · #F3A581 · #006FAA · #003E62 · #002119

Built around Peacock, softened by Melon — the whole palette hums with trust and stability.

The five colors

• Ivory (#E7FAF4): A whisper-light, dusty teal — the color of glacier melt.
• Melon (#F3A581): A luminous, balanced orange — the color of toasted spice.
• Peacock (#006FAA): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003E62): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#002119): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged luxury, dark, cool.

Use it as a design system

One click turns Misty Petrol Coast 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

• Timeworn Apricot color palette (#EBFAEB, #F1A684, #007879, #004445, #052108)
• Timeworn Navy color palette (#F6EAF5, #D5AD73, #456396, #143367, #200F1F)
• Antique Bloom color palette (#EEF6FF, #FFCABF, #0F6EB6, #023054, #000815)
• Basalt Garden color palette (#FDF2F5, #D2D4B2, #88739C, #57436A, #34272B)
• Cornflower Market color palette (#F9F3F8, #E9D5D4, #DBB8AD, #6380DA, #4D3849)
• Airy Archive color palette (#E1FDEE, #95E788, #009CC5, #296479, #082016)
• Muted Jade color palette (#ECF7FF, #67B771, #004F6B, #002B3C, #0D1223)
• Misty Station color palette (#F9E8F5, #AD8F1E, #273C8D, #080D50, #070006)

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