Timeworn Petrol color palette — #EAF3FA · #D8D4E7 · #BCBAE2 · #0073A4 · #1C262E

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

The five colors

• Ivory (#EAF3FA): a clean, paper-quiet neutral.
• Silver (#D8D4E7): A whisper-light, dusty violet — the color of wild irises.
• Lavender (#BCBAE2): A luminous, dusty violet — the color of wild irises.
• Slate (#0073A4): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#1C262E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Petrol Study color palette (#F0F6FC, #DAD8ED, #B5BBD1, #376F9F, #33414F)
• Muted Dune color palette (#EFF1FB, #E1D2E1, #CDB6D4, #6759BC, #202432)
• Weathered Denim color palette (#E3EAF1, #C5CBDD, #A59EBE, #085893, #0F171E)
• Ancient Azure Pier color palette (#EBF9F5, #E8D4CF, #AAA091, #3498E7, #2A3835)
• Timeworn Violet Parlor color palette (#C5E8EB, #93B0EE, #935EA3, #1A5A2D, #11381C)
• Navy Study color palette (#DEE2E8, #B1B1C4, #AA7E96, #293A8A, #050A16)
• Lowlit Meadow color palette (#E1E8F4, #4350EE, #3A1A42, #050F25, #000409)
• Mulberry Balcony color palette (#DEF7FF, #009599, #A90046, #00461D, #001F09)

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