Muted Petrol Coast color palette — #EDF6FF · #BEE1FF · #67A4D1 · #2673A0 · #123E58

Slate and Cornflower set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Powder Blue (#BEE1FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cornflower (#67A4D1): A luminous, balanced blue — the color of deep harbor water.
• Slate (#2673A0): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#123E58): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged monochrome, muted, cool.

Use it as a design system

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

• Teal Meadow color palette (#E5F9FF, #AFE4F2, #52B4B2, #007A79, #004341)
• Dusty Cobalt color palette (#EDF6FF, #A6D4F8, #3E86BE, #1C567C, #1B3A51)
• Washed Petrol Bloom color palette (#F2F5FF, #CED9FF, #9F98D1, #6B5FA6, #353156)
• Ancient Turquoise color palette (#ECF7FF, #D8D9E4, #BDA7A5, #73AFC6, #435260)
• Sunlit Canyon color palette (#E6F2FE, #3A80D3, #004687, #001836, #000206)
• Olive Workshop color palette (#E9F8FE, #67BAC5, #AE9A5E, #6E843F, #29414A)
• Muted Veranda color palette (#D9E1FF, #98A6FC, #5563D0, #2A1DA6, #0E0252)
• Worn Ultramarine color palette (#F0F5FF, #9BBFFF, #4581F4, #153FD9, #001B71)

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