Ancient Petrol color palette — #F4EEE4 · #93BDA2 · #007297 · #00504D · #04304F

Teal and Deep Teal set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F4EEE4): bright and airy, almost weightless.
• Sage (#93BDA2): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#007297): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00504D): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Teal (#04304F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Patina Petrol color palette (#F5EDE2, #8FB6D6, #3A68AB, #004D5D, #212957)
• Muted Petrol color palette (#F1E7E1, #9BBDA8, #2070A9, #004D3A, #0C0F3A)
• Timeworn Cobalt color palette (#F9F4ED, #A8D0BC, #337FB1, #005F64, #4A304B)
• Softworn Lagoon Canyon color palette (#E5DDD1, #519DA1, #005361, #003127, #001721)
• Soft Veranda color palette (#E7F2E9, #9DDFF0, #00B3EC, #00918C, #03304F)
• Ancient Summit color palette (#F9F4EE, #C8E8E6, #76A593, #337B7C, #5E4B61)
• Sunlit Plum color palette (#F0D8E4, #B22882, #666100, #00556E, #370B27)
• Mulberry Hollow color palette (#F8D4D5, #B7549D, #007E5B, #7F0067, #003222)

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