Ancient Petrol color palette — #F0F7F3 · #D0DFE0 · #D2BDC3 · #2F8094 · #3F4B44

Cerulean and Stone set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F7F3): a clean, paper-quiet neutral.
• Silver (#D0DFE0): bright and airy, almost weightless.
• Stone (#D2BDC3): A luminous, dusty rose — the color of a warm blush.
• Cerulean (#2F8094): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#3F4B44): quiet, heavy and certain.

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

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 Drift color palette (#ECF4EE, #CEDBDD, #D0BBBC, #3A818C, #262E29)
• Muted Quarry color palette (#F8F3F9, #E1D7D9, #B3ACA1, #6685A6, #565057)
• Softworn Market color palette (#FBF2F8, #E8D4D4, #D8AFBB, #5161B8, #473C44)
• Timeworn Dune color palette (#EBF9F4, #DDCDDC, #9DA2D5, #006090, #1A3A30)
• Tempered Studio color palette (#E5F2EC, #93B1A9, #707EA5, #003D53, #081711)
• Timeworn Lagoon Atelier color palette (#F6F6EB, #93BB9A, #168767, #446348, #3F4800)
• Wandering Chestnut Cabin color palette (#E2FCF2, #C1A5BD, #957583, #865021, #4A4C00)
• Softworn Nightshade color palette (#F5EBF1, #D7C7CD, #BD949B, #4E4893, #362A31)

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