Antique Petrol color palette — #EDF8F3 · #B3B585 · #489C9A · #5A63A2 · #5E3341

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

The five colors

• Ivory (#EDF8F3): a clean, paper-quiet neutral.
• Sage (#B3B585): A luminous, dusty green — the color of new leaves after rain.
• Storm Blue (#489C9A): A luminous, balanced teal — the color of sea glass.
• Slate (#5A63A2): A full-bodied, balanced violet — the color of a velvet chair.
• Cocoa (#5E3341): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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

• Muted Sunflower Balcony color palette (#F9F5E8, #CFD281, #4EABAA, #636791, #4C302B)
• Dusty Studio color palette (#E9F9F8, #89C09F, #5793BE, #85548A, #59354B)
• Washed Amber color palette (#F0F8EF, #BC8E53, #3D76A2, #6C4365, #473B5C)
• Powdered Mulberry Pier color palette (#EAF8FA, #6AB5A3, #697DBC, #9D2F54, #423800)
• Driftwood Terrace color palette (#E4FCF1, #B5D6D1, #85ADB3, #7C84A2, #524D5E)
• Softworn Aubergine Harbor color palette (#E3F7F5, #5FA878, #007AB0, #782186, #4B1A00)
• Worn Atelier color palette (#FDF4E6, #E9C07C, #81AFD5, #9C799F, #5B363E)
• Wandering Taupe Hollow color palette (#E9F5F1, #91A46F, #465D5B, #263E37, #1B241F)

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