Ancient Petrol Terrace color palette — #F0F7F4 · #D2DCDD · #CEBBC2 · #487C95 · #3E4B45

A conversation between Slate and Stone, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#D2DCDD): bright and airy, almost weightless.
• Stone (#CEBBC2): A luminous, dusty rose — the color of pressed rose petals.
• Slate (#487C95): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#3E4B45): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Ancient Petrol Terrace 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 Veranda color palette (#ECF4EF, #E0D0CE, #C7B5B6, #427E93, #242F29)
• Ancient Driftwood Workshop color palette (#F9F3F8, #E3D7D9, #B5ADA3, #957691, #575056)
• Timeworn Delta color palette (#FAF3F5, #E7D5D0, #CCA9AD, #755290, #44363B)
• Patina Balcony color palette (#F3F7EA, #A5B790, #0C8670, #4B604A, #344B05)
• Softworn Denim color palette (#FBF2FC, #E0CBDD, #BE9AB3, #005AA7, #3B2D3C)
• Faded Sky Canyon color palette (#E4FBF5, #CDDEFD, #64B7FF, #6B82D2, #4B334C)
• Navy Boulevard color palette (#E4F4EF, #B1A4B2, #94738F, #003B5D, #001912)
• Patina Cobalt Basin color palette (#EDDFED, #2D70C7, #40293C, #271A27, #091314)

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