Muted Petrol Veranda color palette — #D7F1FC · #007693 · #232E5A · #181A21 · #000810

Teal and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D7F1FC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Teal (#007693): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#232E5A): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#181A21): a grounded near-black with real depth.
• Ink (#000810): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Sapphire Garden color palette (#D3E5FB, #0068CA, #3A2752, #16141C, #000716)
• Denim Veranda color palette (#DEF4E8, #005C75, #3A3540, #001932, #000302)
• Tempered Harbor color palette (#D6DEFA, #9984FF, #675B7A, #373C4C, #070E16)
• Worn Azure Meadow color palette (#D4EAFB, #009ED8, #51528B, #0C394F, #00090D)
• Pale Terrace color palette (#EFDEEF, #46C5C6, #0091B6, #00732C, #00142D)
• Aged Sky Parlor color palette (#E7F3FF, #6FBFFF, #757A91, #4C565F, #1B2326)
• Tempered Pine color palette (#DEEDDF, #91A230, #008743, #006170, #0E1100)
• Softworn Garden color palette (#C1E8EC, #008EBD, #0060E0, #382FA1, #1F0036)

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