Ancient Petrol color palette — #FEF2EC · #F1BEAE · #84A575 · #1F749A · #512C32

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

The five colors

• Ivory (#FEF2EC): bright and airy, almost weightless.
• Oat (#F1BEAE): A whisper-light, dusty orange — the color of sun-warmed clay.
• Moss (#84A575): A luminous, dusty green — the color of a quiet forest floor.
• Slate (#1F749A): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#512C32): A deep, shadowed, dusty red — the color of a theater curtain.

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

• Cypress Studio color palette (#FDF2F0, #FBB6C2, #A29D5A, #007A80, #3D3057)
• Timeworn Taupe color palette (#FFF1F3, #E2B6E2, #99B571, #847FB5, #583745)
• Driftwood Loft color palette (#FFF2EB, #DEDDCC, #C8BDA2, #6B947B, #574A58)
• Frosted Nightshade color palette (#FAF5E7, #C2BE7E, #1B9CA1, #6147A4, #4D1612)
• Washed Delta color palette (#FEF1F9, #D77C5E, #637A3F, #2C5A6E, #3D3F5F)
• Feathered Archive color palette (#FEF4E4, #CB9E40, #008A74, #2A3F99, #390018)
• Antique Coast color palette (#F9F7D9, #7CAC00, #007888, #4D009B, #2B0005)
• Softworn Coral color palette (#FAEDFA, #DE7A83, #388073, #2C4F6D, #14293C)

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