Timeworn Petrol color palette — #F3E5EA · #71BDEC · #4B67AF · #004B48 · #190C33

Slate and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Rose Water (#F3E5EA): bright and airy, almost weightless.
• Sky (#71BDEC): A luminous, balanced blue — the color of open sky before noon.
• Slate (#4B67AF): A full-bodied, balanced violet — the color of wild irises.
• Forest (#004B48): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#190C33): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Softworn Veranda color palette (#F1E5F0, #61C6C9, #007698, #004F22, #001532)
• Patina Petrol Coast color palette (#E1F3F2, #92B6D4, #346C9F, #004C64, #0A2C5A)
• Dusty Cornflower Chapel color palette (#F8ECE1, #9BCBED, #5684D7, #006B72, #292851)
• Patina Petrol color palette (#F9EFF2, #DAD0E2, #8A9CC0, #427381, #333448)
• Wandering Navy Thicket color palette (#EEE1E8, #0098BE, #004A88, #002D24, #03001B)
• Linen Grape color palette (#DDF6ED, #869921, #7C32A8, #424D00, #1E002F)
• Tempered Lagoon color palette (#F8EBF8, #11898B, #004256, #002109, #000105)
• Pale Seafoam Alley color palette (#D5F9E9, #71E7B5, #4FB5DA, #714D1A, #001C17)

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