Ancient Petrol color palette — #F9F4EF · #C0E6DA · #7489B9 · #006F7B · #46426A

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

The five colors

• Ivory (#F9F4EF): a clean, paper-quiet neutral.
• Celadon Mist (#C0E6DA): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#7489B9): A luminous, dusty violet — the color of a velvet chair.
• Teal (#006F7B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#46426A): A full-bodied, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Periwinkle Meadow color palette (#F3F7EE, #BAE7EE, #6DA7F0, #4383A3, #554053)
• Washed Cypress Thicket color palette (#FBF3F0, #CBE4CF, #4C95B1, #007457, #235147)
• Azure Cabin color palette (#EBF4F3, #CADFF4, #5C90D0, #1D6687, #1E2D41)
• Hushed Summit color palette (#FEF0FF, #E9D8D8, #E2B3D5, #008799, #5B4155)
• Dusty Cerulean Bloom color palette (#FEF3ED, #B0CEB5, #0085A7, #006247, #113D60)
• Worn Delta color palette (#FCF2F5, #D9DDF4, #A5BDF2, #61A4AE, #40465E)
• Antique Cabin color palette (#F4EAE3, #54889F, #003E6E, #002221, #03002D)
• Patina Denim color palette (#CBECCF, #6AB9D7, #2087C8, #1E4FA3, #383F6D)

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