Aged Petrol color palette — #FFF0F9 · #6CA77E · #007787 · #703A4A · #174549

Built around Teal, softened by Jade — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Jade (#6CA77E): A luminous, balanced teal — the color of sea glass.
• Teal (#007787): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#703A4A): A full-bodied, dusty red — the color of embers at dusk.
• Deep Teal (#174549): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Teal Pier color palette (#FFF0FA, #75B6AD, #567C99, #784D40, #304C57)
• Worn Harbor color palette (#FFF1F6, #A29A56, #2D7A56, #653A6D, #22453B)
• Hushed Loft color palette (#FAF3F8, #BEE3F4, #5492B6, #2A7061, #364961)
• Hazy Ridge color palette (#FFF1F5, #009FAA, #2B5BB5, #633A00, #003C4E)
• Navy Dune color palette (#F3F3E2, #54AF9B, #007A7E, #314080, #172812)
• Tempered Cocoa color palette (#E4FBF7, #62995A, #4B5EA1, #772E14, #572A0C)
• Hazy Ultramarine color palette (#E3FBF7, #73C2B5, #2697A1, #4F5AAD, #1E434B)
• Weathered Garnet color palette (#FFDBD4, #009278, #005A7B, #6F000C, #003031)

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