Timeworn Petrol Loft color palette — #F5EDE1 · #7FBFBB · #007681 · #00523B · #003441
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F5EDE1): a clean, paper-quiet neutral.
- Mint Leaf (#7FBFBB): A luminous, dusty teal — the color of glacier melt.
- Teal (#007681): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00523B): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Deep Teal (#003441): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Timeworn Petrol Loft 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
- Petrol Villa color palette (#F4EDE3, #83B9D7, #2D6CA3, #004E57, #142B5B)
- Softworn Study color palette (#FBF4EA, #B3CDB6, #13869E, #006152, #0B4057)
- Patina Lantern color palette (#EAE2D5, #68AAB9, #00607E, #003E3A, #002138)
- Patina Forest color palette (#F1E6E3, #A3BBA0, #007790, #094F09, #00172C)
- Tempered Cypress Study color palette (#F9F4EE, #CAE6DE, #68A4B1, #417C6A, #365145)
- Lagoon Thicket color palette (#E9F1EA, #A5E0DC, #00B9CA, #00956D, #003441)
- Patina Cerulean color palette (#EEE4D2, #468C97, #004355, #00231E, #000B14)
- Aged Chestnut Coast color palette (#FFEFD9, #CBC98F, #7FA572, #814700, #3B3831)
Browse the whole catalog at Explore, or see today's palette.