Timeworn Petrol color palette — #F2E6E2 · #9ABEA1 · #0074A1 · #004E2E · #01113C
Slate and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Rose Water (#F2E6E2): a clean, paper-quiet neutral.
- Sage (#9ABEA1): A luminous, dusty teal — the color of glacier melt.
- Slate (#0074A1): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004E2E): A deep, shadowed, balanced teal — the color of sea glass.
- Midnight (#01113C): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, 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
- Timeworn Villa color palette (#FBEFE9, #B0D0BD, #4081B9, #005D49, #181C40)
- Petrol Bloom color palette (#F4EDE3, #73C0C8, #00748D, #005146, #003249)
- Sapphire Bloom color palette (#EFE8E0, #94B8D8, #535FC1, #004B4D, #200338)
- Denim Atelier color palette (#F9ECE4, #6FA5BB, #0056A9, #003A31, #0A002D)
- Hushed Turquoise color palette (#CBEFFF, #2DA9CA, #00637F, #002F3C, #00070D)
- Weathered Thicket color palette (#E2EFE4, #009477, #006467, #003B4D, #001425)
- Aged Brick color palette (#C9ECDC, #00759D, #A82236, #713200, #000D15)
- Dusty Cypress color palette (#E0F4E4, #A4C5F2, #AB89C3, #007653, #001D15)
Browse the whole catalog at Explore, or see today's palette.