Ancient Petrol color palette — #FBF2FA · #EBABB0 · #6BA786 · #327998 · #22202E

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

The five colors

• Ivory (#FBF2FA): bright and airy, almost weightless.
• Rose Quartz (#EBABB0): A luminous, dusty red — the color of a theater curtain.
• Jade (#6BA786): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#327998): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#22202E): A deep, shadowed, dusty violet — the color of wild irises.

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

• Softworn Taupe color palette (#FDF1F8, #F6BDA2, #87A570, #257689, #3E3053)
• Tempered Grove color palette (#F6F3FD, #DEA6D8, #97934C, #387C72, #1B2130)
• Weathered Station color palette (#FFF1F5, #D8A368, #459DA7, #676A9C, #2D232F)
• Apricot Station color palette (#FFF1F6, #DCA06C, #4A594D, #34272C, #140D11)
• Linen Tangerine color palette (#FFF0F9, #FF6B2A, #008875, #0847B0, #1E0015)
• Worn Hollow color palette (#FEEDEE, #B371A3, #327D50, #534475, #271516)
• Ancient Stone color palette (#FAF3F8, #E0D7D7, #A6B3BB, #D4A094, #534A50)
• Washed Amber color palette (#FFF1F6, #C57602, #007B85, #403B8D, #110414)

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