Timeworn Petrol color palette — #D9E5F0 · #0074AC · #6E6200 · #504700 · #000205

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

The five colors

• Frost (#D9E5F0): bright and airy, almost weightless.
• Cerulean (#0074AC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Olive (#6E6200): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#504700): A deep, shadowed, balanced green — the color of new leaves after rain.
• Black (#000205): quiet, heavy and certain.

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

• Wandering Lapis color palette (#DCE5FF, #6649E7, #696500, #4C4900, #02000D)
• Pale Ridge color palette (#DEE6F5, #505CEB, #923300, #00422B, #000201)
• Basalt Canyon color palette (#D6EFF4, #005A52, #563300, #1D1800, #000201)
• Indigo Coast color palette (#D2E4E0, #4A6FE6, #852F8A, #004724, #040015)
• Gentle Coast color palette (#E4E4F9, #A542DD, #008552, #00663D, #0A0012)
• Timeworn Corridor color palette (#C9E7FB, #00789B, #AF2424, #841114, #000204)
• Pale Thicket color palette (#D6E3FF, #8692FF, #507A00, #00754F, #08062B)
• Linen Terrace color palette (#DDDEF6, #8D37C7, #9A0048, #433900, #000203)

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