Timeworn Petrol Lagoon color palette — #ECF9EF · #96BB9D · #CA827F · #00828D · #6C3E3C

A conversation between Teal and Dusty Rose, giving this palette its sense of nature and growth.

The five colors

• Ivory (#ECF9EF): a clean, paper-quiet neutral.
• Sage (#96BB9D): A luminous, dusty teal — the color of glacier melt.
• Dusty Rose (#CA827F): A luminous, balanced orange — the color of autumn markets.
• Teal (#00828D): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#6C3E3C): A full-bodied, dusty orange — the color of toasted spice.

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

Use it as a design system

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

• Muted Boulevard color palette (#F2F8E8, #8BBE9E, #C182A7, #008952, #663E56)
• Hushed Coral color palette (#EBF5EB, #73C3C4, #D5846F, #008284, #362F2C)
• Softworn Drift color palette (#FCF1FC, #8FB3DD, #BF8D59, #3574BA, #654625)
• Blush Summit color palette (#EAF8FF, #80D2E9, #F1919E, #3B9AB1, #5A445C)
• Worn Bronze Station color palette (#E9FAEE, #65A3B0, #A6789F, #8B7429, #33483A)
• Weathered Rust Summit color palette (#E0FEEF, #00A2D0, #C85900, #006684, #612700)
• Denim Coast color palette (#EEF8F5, #D1BD9F, #3A6285, #184138, #19282A)
• Bronze Bloom color palette (#FEF3E9, #C9B499, #A7743E, #864D22, #5D4300)

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