Frosted Petrol color palette — #FFF2EE · #BA7173 · #588A46 · #3968AD · #512D22

Built around Slate, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Caramel (#BA7173): A luminous, balanced red — the color of embers at dusk.
• Olive Leaf (#588A46): A full-bodied, balanced green — the color of fresh herbs.
• Slate (#3968AD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#512D22): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.

Use it as a design system

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

• Soft Lapis Pier color palette (#FFF2E9, #BA754D, #009070, #6A55B6, #3D3732)
• Patina Bronze Balcony color palette (#FFF1F3, #AF6EA9, #967700, #007685, #4B2F33)
• Ancient Lilac Study color palette (#FFEDEE, #B474AB, #009197, #366EA5, #2D171A)
• Aged Pier color palette (#FFE7C9, #AD7100, #008381, #8E00BE, #442A00)
• Turquoise Basin color palette (#FAF1FF, #E084A5, #00A9CE, #5183BB, #403147)
• Aubergine Lagoon color palette (#EFE4D3, #886500, #006B73, #781782, #2A1D00)
• Ancient Grape Grove color palette (#F2DDD6, #BF4100, #00774D, #4900DD, #431100)
• Ancient Cocoa color palette (#FFF3E3, #B4A588, #8B6D39, #76430C, #3F3D36)

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