Weathered Petrol Boulevard color palette — #EDF6FF · #74D296 · #006EAD · #003E64 · #0C1C2A

Peacock and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Mint Leaf (#74D296): A luminous, balanced teal — the color of sea glass.
• Peacock (#006EAD): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#003E64): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#0C1C2A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Weathered Petrol Boulevard 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

• Softworn Lime color palette (#E4FAFF, #A5CA6B, #007974, #004441, #001F25)
• Linen Denim color palette (#D2DFF0, #41BE89, #0752A8, #032756, #020B1B)
• Antique Loft color palette (#EFF6FF, #FFCDA9, #3A6AB2, #072C5F, #000718)
• Gentle Azure color palette (#E2FCF5, #F5C866, #3F93DC, #2F5F8B, #00211A)
• Denim Workshop color palette (#E8EFFB, #EE98A8, #4A5CAC, #28325B, #101622)
• Tangerine Villa color palette (#EEF6FF, #EB8234, #00468C, #002550, #151428)
• Tempered Harbor color palette (#F6F3FC, #F9C3AF, #A16793, #514860, #2C2A31)
• Orchid Thicket color palette (#F0F5FF, #A3B6FF, #A455F3, #5164F1, #1A1A31)

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