Timeworn Petrol Grove color palette — #F6E8F4 · #65AEB4 · #007FA9 · #006134 · #00071F

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F6E8F4): A whisper-light, dusty pink — the color of neon signs at night.
• Cyan (#65AEB4): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#007FA9): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006134): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#00071F): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Timeworn Petrol Grove 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 Studio color palette (#F2E0E8, #68AAC9, #3272CD, #005E54, #0A0028)
• Hushed Corridor color palette (#ECE3D4, #47A2AA, #006377, #003C33, #000B13)
• Sunlit Rust Dune color palette (#CBF0F9, #00918C, #B74B00, #00615E, #0F0200)
• Softworn Pine Coast color palette (#D6F0F7, #74B6E6, #B287CC, #008557, #000C14)
• Iris Orchard color palette (#EFE1E6, #9CC4EB, #7E8ADB, #007C81, #28123D)
• Dusty Lagoon color palette (#EFE0DA, #26878E, #004159, #00210E, #000106)
• Hushed Loft color palette (#D1F8FE, #007D8B, #AD3B00, #6E4500, #000203)
• Ancient Lagoon color palette (#F6EBF1, #A3DDF4, #74A8E5, #00937D, #282753)

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