Timeworn Petrol color palette — #EBF8F8 · #DADDE8 · #6EACE1 · #007A9A · #0D2F54

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

The five colors

• Ivory (#EBF8F8): bright and airy, almost weightless.
• Silver (#DADDE8): a clean, paper-quiet neutral.
• Cornflower (#6EACE1): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007A9A): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#0D2F54): 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

• Patina Turquoise color palette (#ECF8F5, #D2E0EC, #31BAC5, #008171, #00353D)
• Antique Petrol Alley color palette (#DFF3F0, #7DC4D0, #00738A, #003E3E, #000305)
• Muted Powder Harbor color palette (#FCF2F6, #C3E5FF, #81B3FC, #2C9DA2, #2E3958)
• Softworn Denim color palette (#D7EAE9, #7FA7C6, #005698, #002938, #000106)
• Quiet Pier color palette (#E2FAFF, #57D7C7, #989BF7, #00897D, #221D58)
• Softworn Cobalt Orchard color palette (#F7F0EA, #9CCFEE, #4B7CC1, #005B5E, #1B1C3D)
• Dusty Teal Courtyard color palette (#E6F9FF, #CCDEEB, #BEB2B7, #22A697, #0D3440)
• Faded Azure color palette (#DFFBFF, #0CC1A4, #399EE2, #828400, #002024)

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