Timeworn Petrol color palette — #D7ECFF · #0071AB · #575900 · #002E49 · #010100

Slate and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#D7ECFF): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#0071AB): A full-bodied, balanced blue — the color of deep harbor water.
• Olive (#575900): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#002E49): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#010100): a grounded near-black with real depth.

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

• Washed Sapphire Study color palette (#E6F1FF, #0065D6, #814100, #00285D, #030100)
• Ancient Terracotta Lantern color palette (#D9E9F1, #00788C, #922E00, #00313B, #040000)
• Denim Dune color palette (#E3F1FF, #005794, #444C00, #2E3600, #000104)
• Hazy Lapis color palette (#DDE4FB, #6953C7, #625400, #2E0076, #020100)
• Charred Nightshade color palette (#EFDBEB, #2241B7, #523900, #06006D, #0A0500)
• Raspberry Bloom color palette (#DCECFF, #BDA0EA, #DE4B77, #005362, #00000B)
• Powdered Corridor color palette (#DCDDFA, #9C50E2, #00786A, #530087, #000201)
• Patina Sapphire Villa color palette (#FFE7FB, #3B6FFF, #906900, #1E45BC, #0A0500)

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