Timeworn Petrol color palette — #E7DED1 · #52C3D6 · #0081A3 · #005A52 · #002236

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

The five colors

• Bone (#E7DED1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Cyan (#52C3D6): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0081A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005A52): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#002236): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, 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

• Cobalt Garden color palette (#EBE3D7, #84B8DF, #3173CC, #005768, #12184A)
• Cerulean Balcony color palette (#E8FAF6, #91D9E5, #0088A2, #005151, #000F16)
• Linen Basin color palette (#ECE4EA, #8FCBD6, #009FD5, #007F68, #001F41)
• Hushed Cerulean color palette (#F2EADE, #32A3AF, #006278, #003C34, #000B13)
• Cornflower Villa color palette (#FFF4E2, #99D2FF, #458AEF, #006F85, #222B69)
• Feathered Orchard color palette (#FFF4E2, #96EAFF, #00A9E1, #00837F, #1C4362)
• Turquoise Thicket color palette (#F9F4ED, #C6EDE2, #78BECA, #619280, #395045)
• Soft Mulberry color palette (#F0EEDE, #847600, #00758F, #8B2C70, #151200)

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