Timeworn Petrol color palette — #F3F7EA · #B3E0CE · #679BC5 · #007893 · #49304C

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F3F7EA): a clean, paper-quiet neutral.
• Mint (#B3E0CE): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#679BC5): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007893): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#49304C): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Ancient Turquoise Terrace color palette (#F5F6EB, #C0DDC7, #47A4B9, #007C7B, #074152)
• Aged Cobalt color palette (#FAF4EF, #A6D0C0, #5479B0, #005F63, #34375A)
• Muted Petrol color palette (#E1E3CF, #55B1BF, #007288, #004A4A, #001720)
• Denim Studio color palette (#EEF1E6, #6599BE, #025A9B, #00394B, #00081E)
• Ancient Periwinkle Dune color palette (#FCF2F6, #C3E5FF, #7BB4FF, #0B9FA3, #2D3A57)
• Worn Balcony color palette (#FFD9E5, #AB7CD8, #C76875, #247FB5, #3F202C)
• Cobalt Pier color palette (#E9EEE0, #87B7E2, #3B76BD, #005474, #041A4D)
• Aged Mallow Field color palette (#FFF1F5, #F8D2C6, #E8AFD0, #8E7CAF, #51343A)

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