Timeworn Petrol color palette — #EFF8F1 · #BDD8ED · #6A99CC · #007A8A · #2B395C

A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EFF8F1): a clean, paper-quiet neutral.
• Powder Blue (#BDD8ED): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#6A99CC): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007A8A): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#2B395C): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Hushed Turquoise Market color palette (#EFF8F1, #CBDFF3, #60B3C4, #478976, #2A4C61)
• Cerulean Corridor color palette (#E7F2E9, #92D1D7, #0095B4, #006D5E, #003248)
• Washed Turquoise color palette (#DAEBDD, #4BB2C2, #00718F, #004B44, #001625)
• Sunlit Cobalt color palette (#BEEBF1, #35B9E0, #008BC3, #005E97, #1F3A64)
• Worn Cobalt color palette (#FBF3F6, #ABC9E1, #5376BD, #00605A, #3B335D)
• Weathered Delta color palette (#D8E6DA, #6898BC, #1D56A2, #003A46, #04002D)
• Worn Periwinkle Ridge color palette (#FBF4EE, #BEE7FF, #88B1FF, #00A197, #512D41)
• Gentle Cobalt Field color palette (#EFF6FF, #91C3FF, #488BCD, #1D5292, #002547)

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