Ancient Petrol color palette — #F3E7DD · #8FB9D7 · #4C67AE · #004B49 · #1B053A
Slate and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#F3E7DD): bright and airy, almost weightless.
- Sky (#8FB9D7): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#4C67AE): A full-bodied, balanced violet — the color of twilight just after sunset.
- Forest (#004B49): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#1B053A): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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
- Hushed Petrol color palette (#F1E7E3, #9EBCA4, #0074A1, #004E2F, #02113B)
- Wandering Petrol color palette (#F4EEE4, #87B8D8, #1D69B4, #004E5A, #1C2B56)
- Cobalt Harbor color palette (#F6F1EC, #AED0C6, #6B76B9, #005B5E, #29153D)
- Denim Ridge color palette (#FAEBE6, #64A9AE, #006181, #003C1D, #000922)
- Dusty Cerulean Field color palette (#FCEFEA, #A0DCE3, #008EC3, #00663D, #051F57)
- Hushed Hollow color palette (#E2E1C6, #729F2F, #6244AD, #355000, #160039)
- Weathered Cypress color palette (#F6F1EC, #C9E2E5, #8C9AC9, #217979, #462E38)
- Wandering Hollow color palette (#FAEBE7, #468483, #004254, #002105, #000104)
Browse the whole catalog at Explore, or see today's palette.