Timeworn Petrol color palette — #F4EDE2 · #4FAFD0 · #006E9F · #004A4C · #00142D
Peacock and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F4EDE2): a clean, paper-quiet neutral.
- Cyan (#4FAFD0): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006E9F): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004A4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#00142D): 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
- Ancient Denim Workshop color palette (#F1E9DD, #5E9FA0, #006471, #003D2E, #000B11)
- Petrol Atelier color palette (#DFF3F1, #6CC4E4, #007098, #003D45, #000307)
- Tempered Pier color palette (#ECE4D8, #8BB7D7, #0072DD, #005766, #0F184B)
- Weathered Cerulean color palette (#FDE9DD, #009EC4, #004A87, #003127, #0F093A)
- Timeworn Cerulean color palette (#F2EEE7, #8DD0E4, #0092C6, #006C6A, #093050)
- Hushed Turquoise color palette (#FDF4E6, #96EBF7, #00ACD4, #008476, #124560)
- Hazy Ultramarine Delta color palette (#FFE5F1, #DA9BEE, #D76D9D, #3D4FB9, #220E36)
- Ancient Grape color palette (#F0EDFF, #7625E5, #8C4400, #005847, #0A0020)
Browse the whole catalog at Explore, or see today's palette.