Petrol Meadow color palette — #D4E7EC · #006F8E · #00395B · #001C3A · #00011E

Built around Peacock, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Frost (#D4E7EC): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#006F8E): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#00395B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#001C3A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00011E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged dark, muted, cool.

Use it as a design system

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

• Onyx Basin color palette (#CFEEFF, #0062A0, #003682, #0A005C, #04001B)
• Weathered Garden color palette (#DCEEE6, #007566, #003D3B, #002024, #00080B)
• Onyx Cabin color palette (#CFECF3, #0089B1, #005881, #003462, #000245)
• Aged Boulevard color palette (#CEE1F5, #005F9C, #683E00, #002B4C, #050200)
• Violet Alley color palette (#D3E7FF, #8E98D3, #8D64B3, #004158, #03012B)
• Soft Nightshade Chapel color palette (#CCEBF8, #008CCD, #0066B0, #0113AD, #11004C)
• Cellar Garnet Alley color palette (#D2E2F6, #00488D, #780026, #1A3700, #000104)
• Obsidian Aubergine Chapel color palette (#DDE6F3, #404BC1, #3B008E, #270046, #07000D)

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