Timeworn Petrol color palette — #DCEAF2 · #007691 · #232F57 · #181A21 · #000810

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

The five colors

• Frost (#DCEAF2): bright and airy, almost weightless.
• Teal (#007691): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#232F57): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#181A21): a grounded near-black with real depth.
• Ink (#000810): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged noir, dark, luxury, 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

• Cypress Basin color palette (#C1EBDD, #007D64, #003846, #171D23, #00090B)
• Nocturne Balcony color palette (#D6E6DD, #005C73, #3B3642, #001931, #000302)
• Dusty Alley color palette (#D6E6FF, #729DFF, #656286, #354257, #05131C)
• Twilit Bloom color palette (#DAE5F1, #005BAC, #281640, #080C13, #000206)
• Sunlit Canyon color palette (#F7EBF7, #7BBEBB, #0091B2, #04731F, #00142A)
• Tempered Indigo Coast color palette (#E7EFFF, #6D7AFF, #654769, #262F44, #00050B)
• Antique Powder Balcony color palette (#E9F3FD, #7BBEF3, #767A8E, #4A5661, #1B2326)
• Feathered Lagoon color palette (#D5EDD6, #94A046, #00873D, #01616E, #0F1100)

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