Timeworn Petrol color palette — #EDF7FE · #9CD5A3 · #187BA7 · #26465C · #19232A

Built around Cerulean, softened by Pistachio — the whole palette hums with nature and growth.

The five colors

• Ivory (#EDF7FE): bright and airy, almost weightless.
• Pistachio (#9CD5A3): A whisper-light, balanced green — the color of a quiet forest floor.
• Cerulean (#187BA7): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#26465C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#19232A): a grounded near-black with real depth.

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

• Aged Cypress Station color palette (#E7F9FC, #B9CE8D, #008477, #044E46, #172427)
• Cobalt Drift color palette (#F1F5FF, #F7C1C6, #7279AC, #424D66, #262B36)
• Aged Petrol Parlor color palette (#EFF6FF, #FFDDD0, #5F779D, #263953, #07101C)
• Patina Azure Loft color palette (#E9F9F4, #EAD2A2, #609CC8, #456C60, #112620)
• Apricot Boulevard color palette (#EEF6FF, #E09B82, #2E537C, #1A2F47, #191927)
• Soft Lilac color palette (#F2F5FB, #AAC3FF, #9C76E3, #607CC8, #212332)
• Patina Ultramarine color palette (#D5E6FF, #00C993, #174ACE, #0C2768, #030F24)
• Airy Harbor color palette (#EAF8FB, #2BAA99, #A86300, #685D00, #112D2C)

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