Timeworn Petrol Meadow color palette — #F5EDE0 · #99C2A7 · #007194 · #003E3A · #000307

A conversation between Peacock and Mint Leaf, giving this palette its sense of nature and growth.

The five colors

• Cream (#F5EDE0): bright and airy, almost weightless.
• Mint Leaf (#99C2A7): A luminous, dusty teal — the color of sea glass.
• Peacock (#007194): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#003E3A): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000307): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Timeworn Petrol Meadow 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

• Washed Ultramarine Bloom color palette (#F3EDE4, #94BCDA, #1064C3, #003C48, #010015)
• Worn Hollow color palette (#CBE6E1, #008C8F, #00545D, #002430, #00060D)
• Quiet Iris Atelier color palette (#CFFBE4, #ABD7FF, #938DFF, #005B5F, #00060E)
• Weathered Quarry color palette (#D6FAE4, #008DA7, #B72E00, #004451, #040000)
• Timeworn Mulberry Veranda color palette (#D7F9E7, #007290, #9B0072, #4A4400, #000102)
• Cobalt Corridor color palette (#F2E3DC, #64BFD2, #008BD0, #007050, #070C3B)
• Worn Turquoise color palette (#F9F4ED, #BDE5F3, #67B0D8, #007F7E, #073052)
• Softworn Bronze color palette (#F7E6D1, #9E8330, #694500, #361800, #010100)

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