Faded Petrol Villa color palette — #EFF6FF · #FF9D83 · #3768B1 · #1D3A66 · #101B2A

Royal Blue and Melon set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Melon (#FF9D83): A luminous, balanced orange — the color of toasted spice.
• Royal Blue (#3768B1): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#1D3A66): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Midnight (#101B2A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Balance. Tagged luxury, dark.

Use it as a design system

One click turns Faded Petrol Villa 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

• Wandering Blush Archive color palette (#E9F8FF, #FF98A3, #007688, #00424E, #001E2A)
• Mustard Atelier color palette (#F0F6FF, #D5B951, #4765B0, #243769, #111B2B)
• Cobalt Boulevard color palette (#E7FAF5, #FFCBB4, #006DBB, #003056, #000A07)
• Denim Coast color palette (#D2DFF0, #D5945E, #1A53A0, #0D284E, #030B19)
• Honey Archive color palette (#EDF7FF, #FDC540, #0098DA, #00638F, #061D2D)
• Muted Cobalt color palette (#F1F5FD, #DFD6E3, #CBB8C5, #6583CF, #364051)
• Grape Archive color palette (#DDE4FB, #67C468, #5742B5, #2C1D67, #0E0829)
• Faded Navy color palette (#DFEBFF, #AB9016, #243C8E, #081445, #00020D)

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