Timeworn Petrol color palette — #E6EFF8 · #BCC5D1 · #9AA4BF · #006799 · #14212C

Peacock takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#E6EFF8): a clean, paper-quiet neutral.
• Stone (#BCC5D1): a calm mid-gray that lets other colors speak.
• Blue Fog (#9AA4BF): A luminous, dusty violet — the color of wild irises.
• Peacock (#006799): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#14212C): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Muted Ultramarine color palette (#E9EFF9, #AEB4C5, #8F92B8, #1048B4, #051429)
• Antique Abyss Field color palette (#D8E1E8, #B1B9C8, #8A8AAD, #004B67, #0F212D)
• Muted Coast color palette (#DDECE5, #DCBFC4, #C1A5A1, #1A8BB9, #14231D)
• Dusty Study color palette (#F0F5FF, #D8DDF3, #BCBAD9, #5769E0, #27334A)
• Pewter Study color palette (#D7E8FD, #9291BB, #805889, #624000, #2A2A00)
• Byzantium Boulevard color palette (#EEEEF4, #D9D5E1, #BEB2C4, #974BB1, #2D2C39)
• Muted Aubergine color palette (#DDE0EB, #A4A3B0, #8B80A0, #52179E, #060718)
• Fern Garden color palette (#E2EFE4, #9E944A, #586900, #004D61, #1F1B00)

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