Antique Petrol color palette — #F4F6ED · #C6E5D5 · #5B92AF · #006F7D · #285145

Teal and Storm Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F4F6ED): bright and airy, almost weightless.
• Celadon Mist (#C6E5D5): A whisper-light, dusty teal — the color of sea glass.
• Storm Blue (#5B92AF): A luminous, dusty blue — the color of deep harbor water.
• Teal (#006F7D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#285145): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Petrol Harbor color palette (#F4F6F0, #CAE3DA, #608EBE, #006C8D, #573D57)
• Dusty Cypress Pier color palette (#F1F1E1, #6AACA9, #006468, #003F35, #00242A)
• Weathered Ridge color palette (#E8E9DE, #518B94, #004452, #002222, #000B11)
• Ancient Powder color palette (#EAF9F7, #D2DCF4, #7FC7F0, #68A3AF, #314A61)
• Wandering Petrol color palette (#EDF0E3, #8AB9D1, #006FA4, #004D5D, #003054)
• Frosted Plum color palette (#FFF0F7, #8A7EBA, #B25B79, #007395, #4C2D3D)
• Cobalt Orchard color palette (#FFF1F6, #E4D6D3, #E3B5DA, #7772AC, #5B424B)
• Nightshade Boulevard color palette (#FFE0F9, #8F9ADA, #6868BC, #584399, #4D406E)

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