Antique Petrol color palette — #F9F4ED · #C5E5D8 · #668DBA · #006E7E · #5A3C56
Built around Teal, softened by Slate Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#F9F4ED): a clean, paper-quiet neutral.
- Celadon Mist (#C5E5D8): A whisper-light, dusty teal — the color of sea glass.
- Slate Blue (#668DBA): A luminous, balanced blue — the color of open sky before noon.
- Teal (#006E7E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Cocoa (#5A3C56): A full-bodied, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, 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
- Worn Cypress color palette (#F9F4EE, #C9E4D4, #5A92B1, #057170, #225147)
- Tempered Cypress Study color palette (#F6F1EC, #C6E4D9, #768DBF, #006D68, #402031)
- Antique Studio color palette (#FCF4E7, #A5D6F0, #3584C6, #00656F, #233E71)
- Worn Lagoon Coast color palette (#FAF3F6, #D5DDF7, #8CA4D8, #008D86, #494167)
- Softworn Peony color palette (#EEF9EA, #50B3A3, #C26A85, #007668, #603140)
- Tempered Abyss color palette (#F6ECDD, #51899C, #00425F, #002223, #000919)
- Wandering Grove color palette (#EAFBE8, #BAE6E0, #95C9F0, #54886D, #435746)
- Petrol Loft color palette (#F6EDDF, #89B7DC, #4168A2, #004D5D, #20285B)
Browse the whole catalog at Explore, or see today's palette.