Ancient Petrol color palette — #FCF2F5 · #CFA981 · #599C7F · #3F68A9 · #5E3344

Slate and Fern set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FCF2F5): a clean, paper-quiet neutral.
• Camel (#CFA981): A luminous, dusty gold — the color of old brass.
• Fern (#599C7F): A luminous, balanced teal — the color of glacier melt.
• Slate (#3F68A9): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#5E3344): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Optimism, 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

• Petrol Thicket color palette (#FBF2F7, #D3A68D, #7A966A, #00758D, #3D3E61)
• Hushed Delta color palette (#FFF3E6, #FFBD70, #71A982, #47708B, #4C2E35)
• Grape Terrace color palette (#EAF9F6, #8FB07D, #008EB1, #784098, #582817)
• Aged Garden color palette (#EBFAEA, #BED7C9, #8DB2AB, #6C849C, #4A5165)
• Shell Garden color palette (#FFF2EB, #FFB19C, #69B9BD, #A07990, #533948)
• Ultramarine Pier color palette (#E9FAEE, #BC9700, #008B7C, #3535D1, #5E002A)
• Washed Orchard color palette (#EBF5EC, #B29764, #485E54, #2E3C30, #271F22)
• Aged Meadow color palette (#E2FEE6, #CFC490, #9D9E51, #637D30, #2D5952)

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