Timeworn Petrol Boulevard color palette — #FBF2F8 · #C1C7FF · #B89357 · #37709C · #32345A

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

The five colors

• Ivory (#FBF2F8): a clean, paper-quiet neutral.
• Lilac Frost (#C1C7FF): A whisper-light, dusty violet — the color of a velvet chair.
• Mustard (#B89357): A luminous, balanced gold — the color of honey in a jar.
• Slate (#37709C): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#32345A): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Timeworn 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 Quarry color palette (#FDF2F2, #EEB9DB, #9E9E58, #5267A6, #532B2E)
• Muted Cypress color palette (#FCF2F4, #DCC0E8, #C5868D, #007D6B, #462D50)
• Muted Taupe color palette (#F9F2FC, #F9AFC3, #C0A75C, #42988B, #35425D)
• Gentle Fuchsia Field color palette (#FFF1F3, #E483ED, #A57300, #005685, #3A0040)
• Blush Drift color palette (#F8F2FE, #CC78A7, #447E63, #285B69, #293F55)
• Ash Study color palette (#FFF0F9, #E6D9D5, #D7B4A6, #A488A4, #5A4552)
• Wandering Thicket color palette (#FFF1F1, #F6D4C1, #E3987D, #AD752B, #4F4B44)
• Aged Bronze color palette (#FFF0E0, #AB6900, #00566D, #002936, #030009)

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