Timeworn Petrol color palette — #EBF3F8 · #D2D6E3 · #A9B9CA · #1E6E89 · #192227

Peacock and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EBF3F8): a clean, paper-quiet neutral.
• Silver (#D2D6E3): a clean, paper-quiet neutral.
• Ash (#A9B9CA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#1E6E89): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#192227): quiet, heavy and certain.

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

• Aged Petrol Lagoon color palette (#EEF8F2, #CADEE1, #BEADB9, #146F83, #323E36)
• Cerulean Chapel color palette (#EFF6FA, #D8DAE5, #C0AAA7, #4397AB, #243037)
• Dusty Ultramarine Market color palette (#EBF2FF, #C9D3EC, #A0A9CF, #334CC0, #131A27)
• Aged Amethyst color palette (#F0F1FB, #DDD2E0, #C1B9DF, #7B53AD, #232430)
• Hushed Ash Lantern color palette (#D8E8FF, #9B9BC7, #70749A, #5A4361, #392637)
• Ancient Hollow color palette (#E2F7F5, #7DAD92, #00765B, #1F4E57, #012122)
• Softworn Cabin color palette (#DFE5EA, #A8B5C1, #768FB0, #00496A, #010C16)
• Timeworn Aubergine color palette (#E8E8F0, #CCC9D9, #A99DBE, #69437B, #151420)

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