Timeworn Petrol color palette — #E0F3F1 · #6CBEDC · #00719A · #004E59 · #05314B

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

The five colors

• Cream (#E0F3F1): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#6CBEDC): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#00719A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004E59): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Teal (#05314B): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Muted Cobalt Harbor color palette (#E9F9F8, #9ECCE7, #457EA8, #005D71, #253C54)
• Frosted Dune color palette (#DCF6F5, #6BA4D7, #0055A8, #003A52, #071B49)
• Weathered Turquoise color palette (#D1F9FF, #74D0D2, #18B0C7, #096F58, #083A43)
• Antique Cerulean color palette (#DCF6F2, #00A2B1, #005361, #00302F, #00171F)
• Dusty Quarry color palette (#EDF8F7, #D5DCED, #6CA0C3, #3F7886, #415568)
• Sunlit Sapphire color palette (#C2E6E9, #009476, #405FCD, #005644, #14225A)
• Periwinkle Study color palette (#F6EBF1, #A7DDF2, #65A8F4, #00937D, #27255A)
• Denim Harbor color palette (#D2EEE7, #007D6C, #00639D, #4E5200, #002529)

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