Timeworn Petrol color palette — #F5EBF0 · #76BCD7 · #006DAF · #00504B · #1D2B54

Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Blush (#F5EBF0): a clean, paper-quiet neutral.
• Cyan (#76BCD7): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006DAF): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00504B): A deep, shadowed, dusty teal — the color of sea glass.
• Navy (#1D2B54): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Petrol Quarry color palette (#E8EBDB, #6AC0E1, #0074A0, #004A54, #001829)
• Dusty Cobalt color palette (#FDF1F6, #A7CAE4, #4078C4, #005F62, #2C395A)
• Feathered Ultramarine color palette (#E8DDE0, #6EA4D3, #2947C0, #003D45, #201445)
• Ancient Forest color palette (#FCF2F8, #92DEDB, #008FA6, #006B3E, #094562)
• Chalky Thicket color palette (#F6EDE0, #A7DCF2, #3FAEF2, #009096, #0B2E56)
• Denim Boulevard color palette (#F5E8F2, #559CA6, #00516C, #003125, #00142C)
• Periwinkle Veranda color palette (#FAF3F6, #D8DFF0, #709DCF, #317C7B, #475369)
• Hushed Navy color palette (#EEDDE3, #4B87B2, #0027A0, #002225, #090126)

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