Dusty Petrol color palette — #F8E9F6 · #83C3C9 · #007197 · #004121 · #00020C

Built around Peacock, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Blush (#F8E9F6): A whisper-light, dusty pink — the color of neon signs at night.
• Ash (#83C3C9): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#007197): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004121): A deep, shadowed, balanced teal — the color of sea glass.
• Ink (#00020C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Ultramarine Courtyard color palette (#F9E9F0, #8CBEDC, #3560C2, #003E3A, #030010)
• Cobalt Market color palette (#FCF2F8, #A7D3EA, #287FC4, #005341, #070035)
• Cerulean Corridor color palette (#E1EEE3, #009CA5, #005263, #002D24, #00050A)
• Cerulean Corridor color palette (#E9E0D3, #4EC3CC, #0092AD, #006F5D, #001622)
• Wandering Ultramarine color palette (#D6EFDC, #9C7800, #2559DB, #4C3900, #00000B)
• Softworn Garden color palette (#FBF2FB, #B2F3F6, #00A0CE, #006F34, #001D43)
• Wandering Pine Boulevard color palette (#F9F3F8, #D5D4E2, #62AFE0, #008359, #1B2B56)
• Antique Amber Orchard color palette (#FAE5E2, #D16800, #664100, #2B2800, #010100)

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