Timeworn Petrol color palette — #FBF0E0 · #55A8C7 · #4968AF · #6F3122 · #062920

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

The five colors

• Cream (#FBF0E0): A whisper-light, dusty gold — the color of old brass.
• Cyan (#55A8C7): A luminous, balanced blue — the color of deep harbor water.
• Slate (#4968AF): A full-bodied, balanced violet — the color of twilight just after sunset.
• Rust (#6F3122): A deep, shadowed, balanced orange — the color of toasted spice.
• Deep Forest (#062920): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged retro, muted, cool.

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

• Tempered Canyon color palette (#FBF0DF, #719EDD, #7359A9, #653B00, #2E1B2A)
• Dusty Summit color palette (#FCF0DF, #50B09B, #00788E, #67314F, #172816)
• Patina Cerulean color palette (#E8F6EF, #109ACE, #824B90, #6B2A00, #102400)
• Hushed Turquoise Loft color palette (#FFF1F5, #00ABB8, #5E61A7, #694519, #2A404F)
• Weathered Cobalt Parlor color palette (#E1F2EC, #1E7ABD, #40283A, #031B15, #030805)
• Gentle Drift color palette (#E5FCE9, #38C2EF, #6684C7, #83564B, #294052)
• Iris Coast color palette (#FFF3E4, #62E3E3, #778CDD, #7F5C1D, #1E382C)
• Timeworn Meadow color palette (#F6F1E9, #C7E5D2, #4398C0, #066C6A, #09342B)

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