Ancient Petrol color palette — #E8FBE7 · #6CA784 · #09739D · #6B4500 · #1D434B

Slate and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E8FBE7): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#6CA784): A luminous, balanced teal — the color of sea glass.
• Slate (#09739D): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#6B4500): A full-bodied, balanced gold — the color of old brass.
• Deep Teal (#1D434B): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Ancient 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

• Quiet Garnet Coast color palette (#FFF0FD, #74A76F, #00768E, #7F3030, #0D464A)
• Tempered Fern color palette (#EAF9F2, #74B5B0, #6377A0, #5F5D0D, #314C59)
• Softworn Pine color palette (#F0F8F0, #96B9A9, #587F5A, #21646C, #2C4A3E)
• Petrol Balcony color palette (#FBF0E0, #37AFB8, #0071AE, #702D37, #11281C)
• Cobalt Terrace color palette (#EAFAED, #55C4CD, #328DCC, #8A5056, #26414E)
• Faded Ultramarine Ridge color palette (#CDEFD3, #00908A, #1B3EC1, #493400, #002F39)
• Lapis Villa color palette (#DAFEF5, #009DB2, #5D49B8, #315000, #003A57)
• Antique Pine Delta color palette (#F9F3F9, #C6E2EA, #4096B3, #33723D, #2D4A69)

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