Ancient Petrol color palette — #F8ECE3 · #8DBEAA · #4367A6 · #00504A · #2F215C
Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Cream (#F8ECE3): a clean, paper-quiet neutral.
- Mint Leaf (#8DBEAA): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#4367A6): A full-bodied, balanced violet — the color of wild irises.
- Forest (#00504A): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#2F215C): A deep, shadowed, balanced violet — the color of a velvet chair.
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
- Dusty Bloom color palette (#FFF2EA, #76C4E2, #006DCC, #00574A, #2D1E78)
- Feathered Forest color palette (#F9EBE8, #7EBFBC, #00748D, #035410, #002F55)
- Worn Cobalt color palette (#E4EBE5, #8CBBD4, #006FB6, #004A52, #061432)
- Ancient Cobalt color palette (#F2EEE6, #93CDEC, #008BE2, #006A75, #1B2D4F)
- Powdered Studio color palette (#FFF2EE, #B6D9BB, #008BB9, #006B3A, #213F6E)
- Tempered Market color palette (#D9F4E8, #B0C3F1, #C57BB9, #006A62, #1F2E4E)
- Navy Courtyard color palette (#C3EEE2, #00969F, #006888, #003A77, #3D1750)
- Hushed Veranda color palette (#EFE3DD, #5B9AAA, #004D7C, #003124, #0A0444)
Browse the whole catalog at Explore, or see today's palette.