Ancient Petrol color palette — #E8F5F0 · #84BBE0 · #C29163 · #3878A1 · #35302B

Slate takes the lead with Camel close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E8F5F0): a clean, paper-quiet neutral.
• Sky (#84BBE0): A luminous, dusty blue — the color of deep harbor water.
• Camel (#C29163): A luminous, balanced gold — the color of afternoon light on wheat.
• Slate (#3878A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#35302B): quiet, heavy and certain.

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

• Hushed Villa color palette (#ECF7FF, #82B8D7, #BB8F65, #007CAC, #654526)
• Petrol Loft color palette (#FBEDF5, #AFABE7, #9EA25E, #6E68A7, #33312A)
• Tempered Grove color palette (#ECF5EB, #70C4C0, #CD858D, #27817D, #4A261C)
• Hushed Pier color palette (#EDF7FF, #A0CAE8, #DBA37F, #3995CC, #624252)
• Antique Villa color palette (#E1F8F1, #75A1C9, #BA7785, #6C814A, #162C27)
• Wandering Driftwood color palette (#DEF9F0, #F0D8D1, #DFBDB8, #6B8D7B, #453545)
• Antique Pewter Atelier color palette (#F8EFF4, #D6C09D, #76566A, #402838, #1A1017)
• Hushed Cerulean Field color palette (#FDEBFF, #A8C8F3, #638DBB, #2D4C75, #28122B)

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