Dusty Petrol Boulevard color palette — #F4E6DE · #80BFCF · #3170A1 · #004D3A · #0C0F3A

Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Parchment (#F4E6DE): a clean, paper-quiet neutral.
• Ash (#80BFCF): A luminous, dusty blue — the color of open sky before noon.
• Slate (#3170A1): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004D3A): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#0C0F3A): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Petrol Bloom color palette (#F3EEE6, #83BCCB, #007299, #00504D, #003052)
• Cobalt Dune color palette (#F9F0EA, #ABD2BE, #4A7FBA, #005D4E, #1C1B40)
• Hushed Denim color palette (#EEE0D4, #72A3C2, #3152A3, #003A36, #0E0029)
• Denim Veranda color palette (#F5E7E1, #529798, #005169, #002E10, #000410)
• Worn Iris Pier color palette (#F8F0E8, #BDE7DB, #8089C1, #006C71, #3E222D)
• Navy Garden color palette (#E7DCD3, #4E7F99, #09367E, #00201C, #010009)
• Plum Courtyard color palette (#F6DDDC, #B7217B, #00704E, #005253, #1B000E)
• Frosted Amber Archive color palette (#FFE5E7, #F5ABAD, #C7903C, #5C5C9B, #320C1C)

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