Ancient Petrol color palette — #F0F7F3 · #CEDCDD · #BCAEBE · #006E90 · #303E38
A conversation between Peacock and Ash, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F0F7F3): a clean, paper-quiet neutral.
- Silver (#CEDCDD): bright and airy, almost weightless.
- Ash (#BCAEBE): A luminous, dusty pink — the color of a candy shop window.
- Peacock (#006E90): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#303E38): A deep, shadowed, dusty teal — the color of shallow lagoons.
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 Grove color palette (#EBF4EF, #C6DBDE, #C5B0BE, #316E80, #17241D)
- Aged Cerulean color palette (#EEF7FB, #D7D8E5, #C0BBCE, #4C8A9E, #313C42)
- Wandering Meadow color palette (#D9E3E0, #C3B3C4, #A3819F, #004970, #13231E)
- Timeworn Boulevard color palette (#FCF2F5, #E7D5D1, #D9B0B5, #7F50AB, #4D3940)
- Ancient Ultramarine Workshop color palette (#FAF2F8, #E3CAD9, #C498AC, #3C44C7, #402B3B)
- Cypress Meadow color palette (#F3F8E7, #77A791, #00745E, #0D5654, #2A3D00)
- Hushed Cocoa color palette (#F8D4F2, #BE9CB0, #7D6F95, #744C44, #5A3A00)
- Dusty Meadow color palette (#F4ECEE, #D7C8CA, #BC9597, #6F3B80, #38292D)
Browse the whole catalog at Explore, or see today's palette.