Timeworn Petrol color palette — #CEF1F7 · #007B9C · #004867 · #001B32 · #00000A

Built around Cerulean, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Frost (#CEF1F7): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#007B9C): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004867): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#001B32): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#00000A): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Twilit Station color palette (#C5E6F5, #0070B1, #004285, #060043, #01000A)
• Cypress Parlor color palette (#CBF0DE, #007968, #004C49, #002022, #000102)
• Petrol Balcony color palette (#DBEEFF, #0070B0, #804200, #002E4B, #030100)
• Periwinkle Summit color palette (#D8E7F7, #94ABFF, #9674C1, #00526F, #00000C)
• Aged Cornflower Meadow color palette (#E4ECF9, #2F80FE, #00328A, #00061C, #060002)
• Quiet Delta color palette (#CCE3FC, #005699, #850031, #213A00, #000104)
• Lowlit Nightshade color palette (#D2E1EE, #0067E5, #1502BA, #170053, #020007)
• Soft Cornflower color palette (#C0E8FF, #51B0FF, #1D78F4, #293B8E, #1C1745)

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