Timeworn Petrol Garden color palette — #F8EAF2 · #82BBCD · #006FA5 · #005148 · #172C55

Peacock takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F8EAF2): a clean, paper-quiet neutral.
• Ash (#82BBCD): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006FA5): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005148): A deep, shadowed, dusty teal — the color of sea glass.
• Navy (#172C55): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Tempered Ultramarine Study color palette (#FAEAEE, #8DB6DC, #415BCC, #004E59, #2E274D)
• Worn Petrol Grove color palette (#E8EBDE, #7FBED2, #00759A, #004A52, #001827)
• Quiet Meadow color palette (#DEF4F1, #7FD2ED, #0093C1, #006A75, #00324B)
• Indigo Thicket color palette (#FFF1F5, #A5D3FF, #5373EC, #006472, #403767)
• Sky Station color palette (#F6EDE0, #B6DEC7, #48B0E6, #009191, #072F52)
• Worn Pier color palette (#F9EAF5, #549CA3, #005269, #003123, #001529)
• Antique Coast color palette (#FAF3F6, #D7DFF0, #759EC4, #3A7B77, #465369)
• Softworn Orchard color palette (#E6DEEF, #B5178E, #007140, #005957, #321227)

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