Weathered Petrol color palette — #EDF6FF · #9DEEB7 · #0070AF · #003150 · #000814

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

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Mint (#9DEEB7): A whisper-light, balanced teal — the color of glacier melt.
• Slate (#0070AF): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003150): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000814): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Celadon Dune color palette (#E7F9FF, #B7EB8B, #007983, #00363A, #00090E)
• Cobalt Workshop color palette (#F0F6FF, #FFC7D3, #4866B6, #1A2B59, #020715)
• Washed Drift color palette (#EFF6FF, #75D1A4, #275189, #011738, #000105)
• Frosted Cornflower color palette (#EEF6FF, #FFBF8D, #4291E3, #265E97, #021B35)
• Dusty Grove color palette (#F9EDFA, #EE8B33, #004C8F, #002043, #100212)
• Driftwood Orchard color palette (#F7F3FD, #EAD8DA, #8B7FA0, #4A4258, #1D1924)
• Weathered Field color palette (#EDF7FF, #29B1F9, #849F21, #007B4A, #001E30)
• Indigo Veranda color palette (#F0F5FF, #CCD7FF, #B566F0, #5B6AF8, #09051E)

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